<!DOCTYPE html>
<html>
<head><meta charset="utf-8" />

<title>2019年世界500强公司分析</title>

<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>



<style type="text/css">
    /*!
*
* Twitter Bootstrap
*
*/
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../components/bootstrap/fonts/glyphicons-halflings-regular.eot');
  src: url('../components/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.42857143;
  color: #000;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 3px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 18px;
  margin-bottom: 18px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 18px;
  margin-bottom: 9px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 9px;
  margin-bottom: 9px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 33px;
}
h2,
.h2 {
  font-size: 27px;
}
h3,
.h3 {
  font-size: 23px;
}
h4,
.h4 {
  font-size: 17px;
}
h5,
.h5 {
  font-size: 13px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 9px;
}
.lead {
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 19.5px;
  }
}
small,
.small {
  font-size: 92%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 8px;
  margin: 36px 0 18px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 9px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 18px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 541px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 9px 18px;
  margin: 0 0 18px;
  font-size: inherit;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 18px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 2px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #888;
  background-color: transparent;
  border-radius: 1px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 2px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px) {
  .container {
    width: 768px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
.row {
  margin-left: 0px;
  margin-right: 0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 18px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 13.5px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 18px;
  font-size: 19.5px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 32px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 45px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 18px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 31px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 30px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 45px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 3px;
}
select.input-lg {
  height: 45px;
  line-height: 45px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 45px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 3px;
}
.form-group-lg select.form-control {
  height: 45px;
  line-height: 45px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 45px;
  min-height: 35px;
  padding: 11px 16px;
  font-size: 17px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 40px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 45px;
  height: 45px;
  line-height: 45px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 23px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #404040;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 25px;
}
.form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 0px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 17px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 3px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 13px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 541px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 45px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 3px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 45px;
  line-height: 45px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 2px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 1px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 17px;
  border-radius: 3px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 2px 2px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 2px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 2px 2px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 2px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 2px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 2px 2px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 30px;
  margin-bottom: 18px;
  border: 1px solid transparent;
}
@media (min-width: 541px) {
  .navbar {
    border-radius: 2px;
  }
}
@media (min-width: 541px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 0px;
  padding-left: 0px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 541px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 540px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: 0px;
  margin-left: 0px;
}
@media (min-width: 541px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 541px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 541px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 6px 0px;
  font-size: 17px;
  line-height: 18px;
  height: 30px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 541px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 0px;
  padding: 9px 10px;
  margin-top: -2px;
  margin-bottom: -2px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 541px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 3px 0px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 18px;
}
@media (max-width: 540px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 18px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 541px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
.navbar-form {
  margin-left: 0px;
  margin-right: 0px;
  padding: 10px 0px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: -1px;
  margin-bottom: -1px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 540px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 541px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: -1px;
  margin-bottom: -1px;
}
.navbar-btn.btn-sm {
  margin-top: 0px;
  margin-bottom: 0px;
}
.navbar-btn.btn-xs {
  margin-top: 4px;
  margin-bottom: 4px;
}
.navbar-text {
  margin-top: 6px;
  margin-bottom: 6px;
}
@media (min-width: 541px) {
  .navbar-text {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 541px) {
  .navbar-left {
    float: left !important;
    float: left;
  }
  .navbar-right {
    float: right !important;
    float: right;
    margin-right: 0px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}
@media (max-width: 540px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #fff;
}
@media (max-width: 540px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 18px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 2px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #5e5e5e;
}
.breadcrumb > .active {
  color: #777777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 18px 0;
  border-radius: 2px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 1px;
  border-top-left-radius: 1px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}
.pager {
  padding-left: 0;
  margin: 18px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 3px;
  padding-left: 0px;
  padding-right: 0px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 59px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 18px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #000;
}
.alert {
  padding: 15px;
  margin-bottom: 18px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
  background-color: #f5f5f5;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 18px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 1px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 1px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 18px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 2px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 3px;
}
.well-sm {
  padding: 9px;
  border-radius: 1px;
}
.close {
  float: right;
  font-size: 19.5px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 2px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 13px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 13px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 2px 2px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.item_buttons:before,
.item_buttons:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
.item_buttons:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*!
*
* Font Awesome
*
*/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../components/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../components/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/*!
*
* IPython base
*
*/
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
code {
  color: #000;
}
pre {
  font-size: inherit;
  line-height: inherit;
}
label {
  font-weight: normal;
}
/* Make the page background atleast 100% the height of the view port */
/* Make the page itself atleast 70% the height of the view port */
.border-box-sizing {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.corner-all {
  border-radius: 2px;
}
.no-padding {
  padding: 0px;
}
/* Flexible box model classes */
/* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
/* This file is a compatability layer.  It allows the usage of flexible box 
model layouts accross multiple browsers, including older browsers.  The newest,
universal implementation of the flexible box model is used when available (see
`Modern browsers` comments below).  Browsers that are known to implement this 
new spec completely include:

    Firefox 28.0+
    Chrome 29.0+
    Internet Explorer 11+ 
    Opera 17.0+

Browsers not listed, including Safari, are supported via the styling under the
`Old browsers` comments below.
*/
.hbox {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.hbox > * {
  /* Old browsers */
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  /* Modern browsers */
  flex: none;
}
.vbox {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.vbox > * {
  /* Old browsers */
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  /* Modern browsers */
  flex: none;
}
.hbox.reverse,
.vbox.reverse,
.reverse {
  /* Old browsers */
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  box-direction: reverse;
  /* Modern browsers */
  flex-direction: row-reverse;
}
.hbox.box-flex0,
.vbox.box-flex0,
.box-flex0 {
  /* Old browsers */
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  /* Modern browsers */
  flex: none;
  width: auto;
}
.hbox.box-flex1,
.vbox.box-flex1,
.box-flex1 {
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
}
.hbox.box-flex,
.vbox.box-flex,
.box-flex {
  /* Old browsers */
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
}
.hbox.box-flex2,
.vbox.box-flex2,
.box-flex2 {
  /* Old browsers */
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  box-flex: 2;
  /* Modern browsers */
  flex: 2;
}
.box-group1 {
  /*  Deprecated */
  -webkit-box-flex-group: 1;
  -moz-box-flex-group: 1;
  box-flex-group: 1;
}
.box-group2 {
  /* Deprecated */
  -webkit-box-flex-group: 2;
  -moz-box-flex-group: 2;
  box-flex-group: 2;
}
.hbox.start,
.vbox.start,
.start {
  /* Old browsers */
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  /* Modern browsers */
  justify-content: flex-start;
}
.hbox.end,
.vbox.end,
.end {
  /* Old browsers */
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  /* Modern browsers */
  justify-content: flex-end;
}
.hbox.center,
.vbox.center,
.center {
  /* Old browsers */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  /* Modern browsers */
  justify-content: center;
}
.hbox.baseline,
.vbox.baseline,
.baseline {
  /* Old browsers */
  -webkit-box-pack: baseline;
  -moz-box-pack: baseline;
  box-pack: baseline;
  /* Modern browsers */
  justify-content: baseline;
}
.hbox.stretch,
.vbox.stretch,
.stretch {
  /* Old browsers */
  -webkit-box-pack: stretch;
  -moz-box-pack: stretch;
  box-pack: stretch;
  /* Modern browsers */
  justify-content: stretch;
}
.hbox.align-start,
.vbox.align-start,
.align-start {
  /* Old browsers */
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  /* Modern browsers */
  align-items: flex-start;
}
.hbox.align-end,
.vbox.align-end,
.align-end {
  /* Old browsers */
  -webkit-box-align: end;
  -moz-box-align: end;
  box-align: end;
  /* Modern browsers */
  align-items: flex-end;
}
.hbox.align-center,
.vbox.align-center,
.align-center {
  /* Old browsers */
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  /* Modern browsers */
  align-items: center;
}
.hbox.align-baseline,
.vbox.align-baseline,
.align-baseline {
  /* Old browsers */
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  box-align: baseline;
  /* Modern browsers */
  align-items: baseline;
}
.hbox.align-stretch,
.vbox.align-stretch,
.align-stretch {
  /* Old browsers */
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  /* Modern browsers */
  align-items: stretch;
}
div.error {
  margin: 2em;
  text-align: center;
}
div.error > h1 {
  font-size: 500%;
  line-height: normal;
}
div.error > p {
  font-size: 200%;
  line-height: normal;
}
div.traceback-wrapper {
  text-align: left;
  max-width: 800px;
  margin: auto;
}
div.traceback-wrapper pre.traceback {
  max-height: 600px;
  overflow: auto;
}
/**
 * Primary styles
 *
 * Author: Jupyter Development Team
 */
body {
  background-color: #fff;
  /* This makes sure that the body covers the entire window and needs to
       be in a different element than the display: box in wrapper below */
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow: visible;
}
body > #header {
  /* Initially hidden to prevent FLOUC */
  display: none;
  background-color: #fff;
  /* Display over codemirror */
  position: relative;
  z-index: 100;
}
body > #header #header-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
body > #header .header-bar {
  width: 100%;
  height: 1px;
  background: #e7e7e7;
  margin-bottom: -1px;
}
@media print {
  body > #header {
    display: none !important;
  }
}
#header-spacer {
  width: 100%;
  visibility: hidden;
}
@media print {
  #header-spacer {
    display: none;
  }
}
#ipython_notebook {
  padding-left: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
}
[dir="rtl"] #ipython_notebook {
  margin-right: 10px;
  margin-left: 0;
}
[dir="rtl"] #ipython_notebook.pull-left {
  float: right !important;
  float: right;
}
.flex-spacer {
  flex: 1;
}
#noscript {
  width: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
  font-size: 22px;
  color: red;
  font-weight: bold;
}
#ipython_notebook img {
  height: 28px;
}
#site {
  width: 100%;
  display: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: auto;
}
@media print {
  #site {
    height: auto !important;
  }
}
/* Smaller buttons */
.ui-button .ui-button-text {
  padding: 0.2em 0.8em;
  font-size: 77%;
}
input.ui-button {
  padding: 0.3em 0.9em;
}
span#kernel_logo_widget {
  margin: 0 10px;
}
span#login_widget {
  float: right;
}
[dir="rtl"] span#login_widget {
  float: left;
}
span#login_widget > .button,
#logout {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
span#login_widget > .button:focus,
#logout:focus,
span#login_widget > .button.focus,
#logout.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
span#login_widget > .button:hover,
#logout:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
span#login_widget > .button:active,
#logout:active,
span#login_widget > .button.active,
#logout.active,
.open > .dropdown-togglespan#login_widget > .button,
.open > .dropdown-toggle#logout {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
span#login_widget > .button:active:hover,
#logout:active:hover,
span#login_widget > .button.active:hover,
#logout.active:hover,
.open > .dropdown-togglespan#login_widget > .button:hover,
.open > .dropdown-toggle#logout:hover,
span#login_widget > .button:active:focus,
#logout:active:focus,
span#login_widget > .button.active:focus,
#logout.active:focus,
.open > .dropdown-togglespan#login_widget > .button:focus,
.open > .dropdown-toggle#logout:focus,
span#login_widget > .button:active.focus,
#logout:active.focus,
span#login_widget > .button.active.focus,
#logout.active.focus,
.open > .dropdown-togglespan#login_widget > .button.focus,
.open > .dropdown-toggle#logout.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
span#login_widget > .button:active,
#logout:active,
span#login_widget > .button.active,
#logout.active,
.open > .dropdown-togglespan#login_widget > .button,
.open > .dropdown-toggle#logout {
  background-image: none;
}
span#login_widget > .button.disabled:hover,
#logout.disabled:hover,
span#login_widget > .button[disabled]:hover,
#logout[disabled]:hover,
fieldset[disabled] span#login_widget > .button:hover,
fieldset[disabled] #logout:hover,
span#login_widget > .button.disabled:focus,
#logout.disabled:focus,
span#login_widget > .button[disabled]:focus,
#logout[disabled]:focus,
fieldset[disabled] span#login_widget > .button:focus,
fieldset[disabled] #logout:focus,
span#login_widget > .button.disabled.focus,
#logout.disabled.focus,
span#login_widget > .button[disabled].focus,
#logout[disabled].focus,
fieldset[disabled] span#login_widget > .button.focus,
fieldset[disabled] #logout.focus {
  background-color: #fff;
  border-color: #ccc;
}
span#login_widget > .button .badge,
#logout .badge {
  color: #fff;
  background-color: #333;
}
.nav-header {
  text-transform: none;
}
#header > span {
  margin-top: 10px;
}
.modal_stretch .modal-dialog {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 80vh;
}
.modal_stretch .modal-dialog .modal-body {
  max-height: calc(100vh - 200px);
  overflow: auto;
  flex: 1;
}
.modal-header {
  cursor: move;
}
@media (min-width: 768px) {
  .modal .modal-dialog {
    width: 700px;
  }
}
@media (min-width: 768px) {
  select.form-control {
    margin-left: 12px;
    margin-right: 12px;
  }
}
/*!
*
* IPython auth
*
*/
.center-nav {
  display: inline-block;
  margin-bottom: -4px;
}
[dir="rtl"] .center-nav form.pull-left {
  float: right !important;
  float: right;
}
[dir="rtl"] .center-nav .navbar-text {
  float: right;
}
[dir="rtl"] .navbar-inner {
  text-align: right;
}
[dir="rtl"] div.text-left {
  text-align: right;
}
/*!
*
* IPython tree view
*
*/
/* We need an invisible input field on top of the sentense*/
/* "Drag file onto the list ..." */
.alternate_upload {
  background-color: none;
  display: inline;
}
.alternate_upload.form {
  padding: 0;
  margin: 0;
}
.alternate_upload input.fileinput {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}
.alternate_upload .btn-xs > input.fileinput {
  margin: -1px -5px;
}
.alternate_upload .btn-upload {
  position: relative;
  height: 22px;
}
::-webkit-file-upload-button {
  cursor: pointer;
}
/**
 * Primary styles
 *
 * Author: Jupyter Development Team
 */
ul#tabs {
  margin-bottom: 4px;
}
ul#tabs a {
  padding-top: 6px;
  padding-bottom: 4px;
}
[dir="rtl"] ul#tabs.nav-tabs > li {
  float: right;
}
[dir="rtl"] ul#tabs.nav.nav-tabs {
  padding-right: 0;
}
ul.breadcrumb a:focus,
ul.breadcrumb a:hover {
  text-decoration: none;
}
ul.breadcrumb i.icon-home {
  font-size: 16px;
  margin-right: 4px;
}
ul.breadcrumb span {
  color: #5e5e5e;
}
.list_toolbar {
  padding: 4px 0 4px 0;
  vertical-align: middle;
}
.list_toolbar .tree-buttons {
  padding-top: 1px;
}
[dir="rtl"] .list_toolbar .tree-buttons .pull-right {
  float: left !important;
  float: left;
}
[dir="rtl"] .list_toolbar .col-sm-4,
[dir="rtl"] .list_toolbar .col-sm-8 {
  float: right;
}
.dynamic-buttons {
  padding-top: 3px;
  display: inline-block;
}
.list_toolbar [class*="span"] {
  min-height: 24px;
}
.list_header {
  font-weight: bold;
  background-color: #EEE;
}
.list_placeholder {
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 7px;
  padding-right: 7px;
}
.list_container {
  margin-top: 4px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 2px;
}
.list_container > div {
  border-bottom: 1px solid #ddd;
}
.list_container > div:hover .list-item {
  background-color: red;
}
.list_container > div:last-child {
  border: none;
}
.list_item:hover .list_item {
  background-color: #ddd;
}
.list_item a {
  text-decoration: none;
}
.list_item:hover {
  background-color: #fafafa;
}
.list_header > div,
.list_item > div {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 7px;
  padding-right: 7px;
  line-height: 22px;
}
.list_header > div input,
.list_item > div input {
  margin-right: 7px;
  margin-left: 14px;
  vertical-align: text-bottom;
  line-height: 22px;
  position: relative;
  top: -1px;
}
.list_header > div .item_link,
.list_item > div .item_link {
  margin-left: -1px;
  vertical-align: baseline;
  line-height: 22px;
}
[dir="rtl"] .list_item > div input {
  margin-right: 0;
}
.new-file input[type=checkbox] {
  visibility: hidden;
}
.item_name {
  line-height: 22px;
  height: 24px;
}
.item_icon {
  font-size: 14px;
  color: #5e5e5e;
  margin-right: 7px;
  margin-left: 7px;
  line-height: 22px;
  vertical-align: baseline;
}
.item_modified {
  margin-right: 7px;
  margin-left: 7px;
}
[dir="rtl"] .item_modified.pull-right {
  float: left !important;
  float: left;
}
.item_buttons {
  line-height: 1em;
  margin-left: -5px;
}
.item_buttons .btn,
.item_buttons .btn-group,
.item_buttons .input-group {
  float: left;
}
.item_buttons > .btn,
.item_buttons > .btn-group,
.item_buttons > .input-group {
  margin-left: 5px;
}
.item_buttons .btn {
  min-width: 13ex;
}
.item_buttons .running-indicator {
  padding-top: 4px;
  color: #5cb85c;
}
.item_buttons .kernel-name {
  padding-top: 4px;
  color: #5bc0de;
  margin-right: 7px;
  float: left;
}
[dir="rtl"] .item_buttons.pull-right {
  float: left !important;
  float: left;
}
[dir="rtl"] .item_buttons .kernel-name {
  margin-left: 7px;
  float: right;
}
.toolbar_info {
  height: 24px;
  line-height: 24px;
}
.list_item input:not([type=checkbox]) {
  padding-top: 3px;
  padding-bottom: 3px;
  height: 22px;
  line-height: 14px;
  margin: 0px;
}
.highlight_text {
  color: blue;
}
#project_name {
  display: inline-block;
  padding-left: 7px;
  margin-left: -2px;
}
#project_name > .breadcrumb {
  padding: 0px;
  margin-bottom: 0px;
  background-color: transparent;
  font-weight: bold;
}
.sort_button {
  display: inline-block;
  padding-left: 7px;
}
[dir="rtl"] .sort_button.pull-right {
  float: left !important;
  float: left;
}
#tree-selector {
  padding-right: 0px;
}
#button-select-all {
  min-width: 50px;
}
[dir="rtl"] #button-select-all.btn {
  float: right ;
}
#select-all {
  margin-left: 7px;
  margin-right: 2px;
  margin-top: 2px;
  height: 16px;
}
[dir="rtl"] #select-all.pull-left {
  float: right !important;
  float: right;
}
.menu_icon {
  margin-right: 2px;
}
.tab-content .row {
  margin-left: 0px;
  margin-right: 0px;
}
.folder_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f114";
}
.folder_icon:before.fa-pull-left {
  margin-right: .3em;
}
.folder_icon:before.fa-pull-right {
  margin-left: .3em;
}
.folder_icon:before.pull-left {
  margin-right: .3em;
}
.folder_icon:before.pull-right {
  margin-left: .3em;
}
.notebook_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02d";
  position: relative;
  top: -1px;
}
.notebook_icon:before.fa-pull-left {
  margin-right: .3em;
}
.notebook_icon:before.fa-pull-right {
  margin-left: .3em;
}
.notebook_icon:before.pull-left {
  margin-right: .3em;
}
.notebook_icon:before.pull-right {
  margin-left: .3em;
}
.running_notebook_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02d";
  position: relative;
  top: -1px;
  color: #5cb85c;
}
.running_notebook_icon:before.fa-pull-left {
  margin-right: .3em;
}
.running_notebook_icon:before.fa-pull-right {
  margin-left: .3em;
}
.running_notebook_icon:before.pull-left {
  margin-right: .3em;
}
.running_notebook_icon:before.pull-right {
  margin-left: .3em;
}
.file_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f016";
  position: relative;
  top: -2px;
}
.file_icon:before.fa-pull-left {
  margin-right: .3em;
}
.file_icon:before.fa-pull-right {
  margin-left: .3em;
}
.file_icon:before.pull-left {
  margin-right: .3em;
}
.file_icon:before.pull-right {
  margin-left: .3em;
}
#notebook_toolbar .pull-right {
  padding-top: 0px;
  margin-right: -1px;
}
ul#new-menu {
  left: auto;
  right: 0;
}
#new-menu .dropdown-header {
  font-size: 10px;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 3px;
  margin: -3px 20px 0;
}
.kernel-menu-icon {
  padding-right: 12px;
  width: 24px;
  content: "\f096";
}
.kernel-menu-icon:before {
  content: "\f096";
}
.kernel-menu-icon-current:before {
  content: "\f00c";
}
#tab_content {
  padding-top: 20px;
}
#running .panel-group .panel {
  margin-top: 3px;
  margin-bottom: 1em;
}
#running .panel-group .panel .panel-heading {
  background-color: #EEE;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 7px;
  padding-right: 7px;
  line-height: 22px;
}
#running .panel-group .panel .panel-heading a:focus,
#running .panel-group .panel .panel-heading a:hover {
  text-decoration: none;
}
#running .panel-group .panel .panel-body {
  padding: 0px;
}
#running .panel-group .panel .panel-body .list_container {
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0px;
  border-radius: 0px;
}
#running .panel-group .panel .panel-body .list_container .list_item {
  border-bottom: 1px solid #ddd;
}
#running .panel-group .panel .panel-body .list_container .list_item:last-child {
  border-bottom: 0px;
}
.delete-button {
  display: none;
}
.duplicate-button {
  display: none;
}
.rename-button {
  display: none;
}
.move-button {
  display: none;
}
.download-button {
  display: none;
}
.shutdown-button {
  display: none;
}
.dynamic-instructions {
  display: inline-block;
  padding-top: 4px;
}
/*!
*
* IPython text editor webapp
*
*/
.selected-keymap i.fa {
  padding: 0px 5px;
}
.selected-keymap i.fa:before {
  content: "\f00c";
}
#mode-menu {
  overflow: auto;
  max-height: 20em;
}
.edit_app #header {
  -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
}
.edit_app #menubar .navbar {
  /* Use a negative 1 bottom margin, so the border overlaps the border of the
    header */
  margin-bottom: -1px;
}
.dirty-indicator {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
}
.dirty-indicator.fa-pull-left {
  margin-right: .3em;
}
.dirty-indicator.fa-pull-right {
  margin-left: .3em;
}
.dirty-indicator.pull-left {
  margin-right: .3em;
}
.dirty-indicator.pull-right {
  margin-left: .3em;
}
.dirty-indicator-dirty {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
}
.dirty-indicator-dirty.fa-pull-left {
  margin-right: .3em;
}
.dirty-indicator-dirty.fa-pull-right {
  margin-left: .3em;
}
.dirty-indicator-dirty.pull-left {
  margin-right: .3em;
}
.dirty-indicator-dirty.pull-right {
  margin-left: .3em;
}
.dirty-indicator-clean {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
}
.dirty-indicator-clean.fa-pull-left {
  margin-right: .3em;
}
.dirty-indicator-clean.fa-pull-right {
  margin-left: .3em;
}
.dirty-indicator-clean.pull-left {
  margin-right: .3em;
}
.dirty-indicator-clean.pull-right {
  margin-left: .3em;
}
.dirty-indicator-clean:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
}
.dirty-indicator-clean:before.fa-pull-left {
  margin-right: .3em;
}
.dirty-indicator-clean:before.fa-pull-right {
  margin-left: .3em;
}
.dirty-indicator-clean:before.pull-left {
  margin-right: .3em;
}
.dirty-indicator-clean:before.pull-right {
  margin-left: .3em;
}
#filename {
  font-size: 16pt;
  display: table;
  padding: 0px 5px;
}
#current-mode {
  padding-left: 5px;
  padding-right: 5px;
}
#texteditor-backdrop {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media not print {
  #texteditor-backdrop {
    background-color: #EEE;
  }
}
@media print {
  #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
  #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
    background-color: #fff;
  }
}
@media not print {
  #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
  #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
    background-color: #fff;
  }
}
@media not print {
  #texteditor-backdrop #texteditor-container {
    padding: 0px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
    box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  }
}
.CodeMirror-dialog {
  background-color: #fff;
}
/*!
*
* IPython notebook
*
*/
/* CSS font colors for translated ANSI escape sequences */
/* The color values are a mix of
   http://www.xcolors.net/dl/baskerville-ivorylight and
   http://www.xcolors.net/dl/euphrasia */
.ansi-black-fg {
  color: #3E424D;
}
.ansi-black-bg {
  background-color: #3E424D;
}
.ansi-black-intense-fg {
  color: #282C36;
}
.ansi-black-intense-bg {
  background-color: #282C36;
}
.ansi-red-fg {
  color: #E75C58;
}
.ansi-red-bg {
  background-color: #E75C58;
}
.ansi-red-intense-fg {
  color: #B22B31;
}
.ansi-red-intense-bg {
  background-color: #B22B31;
}
.ansi-green-fg {
  color: #00A250;
}
.ansi-green-bg {
  background-color: #00A250;
}
.ansi-green-intense-fg {
  color: #007427;
}
.ansi-green-intense-bg {
  background-color: #007427;
}
.ansi-yellow-fg {
  color: #DDB62B;
}
.ansi-yellow-bg {
  background-color: #DDB62B;
}
.ansi-yellow-intense-fg {
  color: #B27D12;
}
.ansi-yellow-intense-bg {
  background-color: #B27D12;
}
.ansi-blue-fg {
  color: #208FFB;
}
.ansi-blue-bg {
  background-color: #208FFB;
}
.ansi-blue-intense-fg {
  color: #0065CA;
}
.ansi-blue-intense-bg {
  background-color: #0065CA;
}
.ansi-magenta-fg {
  color: #D160C4;
}
.ansi-magenta-bg {
  background-color: #D160C4;
}
.ansi-magenta-intense-fg {
  color: #A03196;
}
.ansi-magenta-intense-bg {
  background-color: #A03196;
}
.ansi-cyan-fg {
  color: #60C6C8;
}
.ansi-cyan-bg {
  background-color: #60C6C8;
}
.ansi-cyan-intense-fg {
  color: #258F8F;
}
.ansi-cyan-intense-bg {
  background-color: #258F8F;
}
.ansi-white-fg {
  color: #C5C1B4;
}
.ansi-white-bg {
  background-color: #C5C1B4;
}
.ansi-white-intense-fg {
  color: #A1A6B2;
}
.ansi-white-intense-bg {
  background-color: #A1A6B2;
}
.ansi-default-inverse-fg {
  color: #FFFFFF;
}
.ansi-default-inverse-bg {
  background-color: #000000;
}
.ansi-bold {
  font-weight: bold;
}
.ansi-underline {
  text-decoration: underline;
}
/* The following styles are deprecated an will be removed in a future version */
.ansibold {
  font-weight: bold;
}
.ansi-inverse {
  outline: 0.5px dotted;
}
/* use dark versions for foreground, to improve visibility */
.ansiblack {
  color: black;
}
.ansired {
  color: darkred;
}
.ansigreen {
  color: darkgreen;
}
.ansiyellow {
  color: #c4a000;
}
.ansiblue {
  color: darkblue;
}
.ansipurple {
  color: darkviolet;
}
.ansicyan {
  color: steelblue;
}
.ansigray {
  color: gray;
}
/* and light for background, for the same reason */
.ansibgblack {
  background-color: black;
}
.ansibgred {
  background-color: red;
}
.ansibggreen {
  background-color: green;
}
.ansibgyellow {
  background-color: yellow;
}
.ansibgblue {
  background-color: blue;
}
.ansibgpurple {
  background-color: magenta;
}
.ansibgcyan {
  background-color: cyan;
}
.ansibggray {
  background-color: gray;
}
div.cell {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  width: 100%;
  padding: 5px;
  /* This acts as a spacer between cells, that is outside the border */
  margin: 0px;
  outline: none;
  position: relative;
  overflow: visible;
}
div.cell:before {
  position: absolute;
  display: block;
  top: -1px;
  left: -1px;
  width: 5px;
  height: calc(100% +  2px);
  content: '';
  background: transparent;
}
div.cell.jupyter-soft-selected {
  border-left-color: #E3F2FD;
  border-left-width: 1px;
  padding-left: 5px;
  border-right-color: #E3F2FD;
  border-right-width: 1px;
  background: #E3F2FD;
}
@media print {
  div.cell.jupyter-soft-selected {
    border-color: transparent;
  }
}
div.cell.selected,
div.cell.selected.jupyter-soft-selected {
  border-color: #ababab;
}
div.cell.selected:before,
div.cell.selected.jupyter-soft-selected:before {
  position: absolute;
  display: block;
  top: -1px;
  left: -1px;
  width: 5px;
  height: calc(100% +  2px);
  content: '';
  background: #42A5F5;
}
@media print {
  div.cell.selected,
  div.cell.selected.jupyter-soft-selected {
    border-color: transparent;
  }
}
.edit_mode div.cell.selected {
  border-color: #66BB6A;
}
.edit_mode div.cell.selected:before {
  position: absolute;
  display: block;
  top: -1px;
  left: -1px;
  width: 5px;
  height: calc(100% +  2px);
  content: '';
  background: #66BB6A;
}
@media print {
  .edit_mode div.cell.selected {
    border-color: transparent;
  }
}
.prompt {
  /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
  min-width: 14ex;
  /* This padding is tuned to match the padding on the CodeMirror editor. */
  padding: 0.4em;
  margin: 0px;
  font-family: monospace;
  text-align: right;
  /* This has to match that of the the CodeMirror class line-height below */
  line-height: 1.21429em;
  /* Don't highlight prompt number selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Use default cursor */
  cursor: default;
}
@media (max-width: 540px) {
  .prompt {
    text-align: left;
  }
}
div.inner_cell {
  min-width: 0;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
}
/* input_area and input_prompt must match in top border and margin for alignment */
div.input_area {
  border: 1px solid #cfcfcf;
  border-radius: 2px;
  background: #f7f7f7;
  line-height: 1.21429em;
}
/* This is needed so that empty prompt areas can collapse to zero height when there
   is no content in the output_subarea and the prompt. The main purpose of this is
   to make sure that empty JavaScript output_subareas have no height. */
div.prompt:empty {
  padding-top: 0;
  padding-bottom: 0;
}
div.unrecognized_cell {
  padding: 5px 5px 5px 0px;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
div.unrecognized_cell .inner_cell {
  border-radius: 2px;
  padding: 5px;
  font-weight: bold;
  color: red;
  border: 1px solid #cfcfcf;
  background: #eaeaea;
}
div.unrecognized_cell .inner_cell a {
  color: inherit;
  text-decoration: none;
}
div.unrecognized_cell .inner_cell a:hover {
  color: inherit;
  text-decoration: none;
}
@media (max-width: 540px) {
  div.unrecognized_cell > div.prompt {
    display: none;
  }
}
div.code_cell {
  /* avoid page breaking on code cells when printing */
}
@media print {
  div.code_cell {
    page-break-inside: avoid;
  }
}
/* any special styling for code cells that are currently running goes here */
div.input {
  page-break-inside: avoid;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
@media (max-width: 540px) {
  div.input {
    /* Old browsers */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-align: stretch;
    display: box;
    box-orient: vertical;
    box-align: stretch;
    /* Modern browsers */
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}
/* input_area and input_prompt must match in top border and margin for alignment */
div.input_prompt {
  color: #303F9F;
  border-top: 1px solid transparent;
}
div.input_area > div.highlight {
  margin: 0.4em;
  border: none;
  padding: 0px;
  background-color: transparent;
}
div.input_area > div.highlight > pre {
  margin: 0px;
  border: none;
  padding: 0px;
  background-color: transparent;
}
/* The following gets added to the <head> if it is detected that the user has a
 * monospace font with inconsistent normal/bold/italic height.  See
 * notebookmain.js.  Such fonts will have keywords vertically offset with
 * respect to the rest of the text.  The user should select a better font.
 * See: https://github.com/ipython/ipython/issues/1503
 *
 * .CodeMirror span {
 *      vertical-align: bottom;
 * }
 */
.CodeMirror {
  line-height: 1.21429em;
  /* Changed from 1em to our global default */
  font-size: 14px;
  height: auto;
  /* Changed to auto to autogrow */
  background: none;
  /* Changed from white to allow our bg to show through */
}
.CodeMirror-scroll {
  /*  The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
  /*  We have found that if it is visible, vertical scrollbars appear with font size changes.*/
  overflow-y: hidden;
  overflow-x: auto;
}
.CodeMirror-lines {
  /* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */
  /* we have set a different line-height and want this to scale with that. */
  /* Note that this should set vertical padding only, since CodeMirror assumes
       that horizontal padding will be set on CodeMirror pre */
  padding: 0.4em 0;
}
.CodeMirror-linenumber {
  padding: 0 8px 0 4px;
}
.CodeMirror-gutters {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.CodeMirror pre {
  /* In CM3 this went to 4px from 0 in CM2. This sets horizontal padding only,
    use .CodeMirror-lines for vertical */
  padding: 0 0.4em;
  border: 0;
  border-radius: 0;
}
.CodeMirror-cursor {
  border-left: 1.4px solid black;
}
@media screen and (min-width: 2138px) and (max-width: 4319px) {
  .CodeMirror-cursor {
    border-left: 2px solid black;
  }
}
@media screen and (min-width: 4320px) {
  .CodeMirror-cursor {
    border-left: 4px solid black;
  }
}
/*

Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
Adapted from GitHub theme

*/
.highlight-base {
  color: #000;
}
.highlight-variable {
  color: #000;
}
.highlight-variable-2 {
  color: #1a1a1a;
}
.highlight-variable-3 {
  color: #333333;
}
.highlight-string {
  color: #BA2121;
}
.highlight-comment {
  color: #408080;
  font-style: italic;
}
.highlight-number {
  color: #080;
}
.highlight-atom {
  color: #88F;
}
.highlight-keyword {
  color: #008000;
  font-weight: bold;
}
.highlight-builtin {
  color: #008000;
}
.highlight-error {
  color: #f00;
}
.highlight-operator {
  color: #AA22FF;
  font-weight: bold;
}
.highlight-meta {
  color: #AA22FF;
}
/* previously not defined, copying from default codemirror */
.highlight-def {
  color: #00f;
}
.highlight-string-2 {
  color: #f50;
}
.highlight-qualifier {
  color: #555;
}
.highlight-bracket {
  color: #997;
}
.highlight-tag {
  color: #170;
}
.highlight-attribute {
  color: #00c;
}
.highlight-header {
  color: blue;
}
.highlight-quote {
  color: #090;
}
.highlight-link {
  color: #00c;
}
/* apply the same style to codemirror */
.cm-s-ipython span.cm-keyword {
  color: #008000;
  font-weight: bold;
}
.cm-s-ipython span.cm-atom {
  color: #88F;
}
.cm-s-ipython span.cm-number {
  color: #080;
}
.cm-s-ipython span.cm-def {
  color: #00f;
}
.cm-s-ipython span.cm-variable {
  color: #000;
}
.cm-s-ipython span.cm-operator {
  color: #AA22FF;
  font-weight: bold;
}
.cm-s-ipython span.cm-variable-2 {
  color: #1a1a1a;
}
.cm-s-ipython span.cm-variable-3 {
  color: #333333;
}
.cm-s-ipython span.cm-comment {
  color: #408080;
  font-style: italic;
}
.cm-s-ipython span.cm-string {
  color: #BA2121;
}
.cm-s-ipython span.cm-string-2 {
  color: #f50;
}
.cm-s-ipython span.cm-meta {
  color: #AA22FF;
}
.cm-s-ipython span.cm-qualifier {
  color: #555;
}
.cm-s-ipython span.cm-builtin {
  color: #008000;
}
.cm-s-ipython span.cm-bracket {
  color: #997;
}
.cm-s-ipython span.cm-tag {
  color: #170;
}
.cm-s-ipython span.cm-attribute {
  color: #00c;
}
.cm-s-ipython span.cm-header {
  color: blue;
}
.cm-s-ipython span.cm-quote {
  color: #090;
}
.cm-s-ipython span.cm-link {
  color: #00c;
}
.cm-s-ipython span.cm-error {
  color: #f00;
}
.cm-s-ipython span.cm-tab {
  background: url();
  background-position: right;
  background-repeat: no-repeat;
}
div.output_wrapper {
  /* this position must be relative to enable descendents to be absolute within it */
  position: relative;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  z-index: 1;
}
/* class for the output area when it should be height-limited */
div.output_scroll {
  /* ideally, this would be max-height, but FF barfs all over that */
  height: 24em;
  /* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */
  width: 100%;
  overflow: auto;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
  display: block;
}
/* output div while it is collapsed */
div.output_collapsed {
  margin: 0px;
  padding: 0px;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
div.out_prompt_overlay {
  height: 100%;
  padding: 0px 0.4em;
  position: absolute;
  border-radius: 2px;
}
div.out_prompt_overlay:hover {
  /* use inner shadow to get border that is computed the same on WebKit/FF */
  -webkit-box-shadow: inset 0 0 1px #000;
  box-shadow: inset 0 0 1px #000;
  background: rgba(240, 240, 240, 0.5);
}
div.output_prompt {
  color: #D84315;
}
/* This class is the outer container of all output sections. */
div.output_area {
  padding: 0px;
  page-break-inside: avoid;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
div.output_area .MathJax_Display {
  text-align: left !important;
}
div.output_area .rendered_html table {
  margin-left: 0;
  margin-right: 0;
}
div.output_area .rendered_html img {
  margin-left: 0;
  margin-right: 0;
}
div.output_area img,
div.output_area svg {
  max-width: 100%;
  height: auto;
}
div.output_area img.unconfined,
div.output_area svg.unconfined {
  max-width: none;
}
div.output_area .mglyph > img {
  max-width: none;
}
/* This is needed to protect the pre formating from global settings such
   as that of bootstrap */
.output {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (max-width: 540px) {
  div.output_area {
    /* Old browsers */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-align: stretch;
    display: box;
    box-orient: vertical;
    box-align: stretch;
    /* Modern browsers */
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}
div.output_area pre {
  margin: 0;
  padding: 1px 0 1px 0;
  border: 0;
  vertical-align: baseline;
  color: black;
  background-color: transparent;
  border-radius: 0;
}
/* This class is for the output subarea inside the output_area and after
   the prompt div. */
div.output_subarea {
  overflow-x: auto;
  padding: 0.4em;
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
  max-width: calc(100% - 14ex);
}
div.output_scroll div.output_subarea {
  overflow-x: visible;
}
/* The rest of the output_* classes are for special styling of the different
   output types */
/* all text output has this class: */
div.output_text {
  text-align: left;
  color: #000;
  /* This has to match that of the the CodeMirror class line-height below */
  line-height: 1.21429em;
}
/* stdout/stderr are 'text' as well as 'stream', but execute_result/error are *not* streams */
div.output_stderr {
  background: #fdd;
  /* very light red background for stderr */
}
div.output_latex {
  text-align: left;
}
/* Empty output_javascript divs should have no height */
div.output_javascript:empty {
  padding: 0;
}
.js-error {
  color: darkred;
}
/* raw_input styles */
div.raw_input_container {
  line-height: 1.21429em;
  padding-top: 5px;
}
pre.raw_input_prompt {
  /* nothing needed here. */
}
input.raw_input {
  font-family: monospace;
  font-size: inherit;
  color: inherit;
  width: auto;
  /* make sure input baseline aligns with prompt */
  vertical-align: baseline;
  /* padding + margin = 0.5em between prompt and cursor */
  padding: 0em 0.25em;
  margin: 0em 0.25em;
}
input.raw_input:focus {
  box-shadow: none;
}
p.p-space {
  margin-bottom: 10px;
}
div.output_unrecognized {
  padding: 5px;
  font-weight: bold;
  color: red;
}
div.output_unrecognized a {
  color: inherit;
  text-decoration: none;
}
div.output_unrecognized a:hover {
  color: inherit;
  text-decoration: none;
}
.rendered_html {
  color: #000;
  /* any extras will just be numbers: */
}
.rendered_html em {
  font-style: italic;
}
.rendered_html strong {
  font-weight: bold;
}
.rendered_html u {
  text-decoration: underline;
}
.rendered_html :link {
  text-decoration: underline;
}
.rendered_html :visited {
  text-decoration: underline;
}
.rendered_html h1 {
  font-size: 185.7%;
  margin: 1.08em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
}
.rendered_html h2 {
  font-size: 157.1%;
  margin: 1.27em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
}
.rendered_html h3 {
  font-size: 128.6%;
  margin: 1.55em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
}
.rendered_html h4 {
  font-size: 100%;
  margin: 2em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
}
.rendered_html h5 {
  font-size: 100%;
  margin: 2em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
  font-style: italic;
}
.rendered_html h6 {
  font-size: 100%;
  margin: 2em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
  font-style: italic;
}
.rendered_html h1:first-child {
  margin-top: 0.538em;
}
.rendered_html h2:first-child {
  margin-top: 0.636em;
}
.rendered_html h3:first-child {
  margin-top: 0.777em;
}
.rendered_html h4:first-child {
  margin-top: 1em;
}
.rendered_html h5:first-child {
  margin-top: 1em;
}
.rendered_html h6:first-child {
  margin-top: 1em;
}
.rendered_html ul:not(.list-inline),
.rendered_html ol:not(.list-inline) {
  padding-left: 2em;
}
.rendered_html ul {
  list-style: disc;
}
.rendered_html ul ul {
  list-style: square;
  margin-top: 0;
}
.rendered_html ul ul ul {
  list-style: circle;
}
.rendered_html ol {
  list-style: decimal;
}
.rendered_html ol ol {
  list-style: upper-alpha;
  margin-top: 0;
}
.rendered_html ol ol ol {
  list-style: lower-alpha;
}
.rendered_html ol ol ol ol {
  list-style: lower-roman;
}
.rendered_html ol ol ol ol ol {
  list-style: decimal;
}
.rendered_html * + ul {
  margin-top: 1em;
}
.rendered_html * + ol {
  margin-top: 1em;
}
.rendered_html hr {
  color: black;
  background-color: black;
}
.rendered_html pre {
  margin: 1em 2em;
  padding: 0px;
  background-color: #fff;
}
.rendered_html code {
  background-color: #eff0f1;
}
.rendered_html p code {
  padding: 1px 5px;
}
.rendered_html pre code {
  background-color: #fff;
}
.rendered_html pre,
.rendered_html code {
  border: 0;
  color: #000;
  font-size: 100%;
}
.rendered_html blockquote {
  margin: 1em 2em;
}
.rendered_html table {
  margin-left: auto;
  margin-right: auto;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  color: black;
  font-size: 12px;
  table-layout: fixed;
}
.rendered_html thead {
  border-bottom: 1px solid black;
  vertical-align: bottom;
}
.rendered_html tr,
.rendered_html th,
.rendered_html td {
  text-align: right;
  vertical-align: middle;
  padding: 0.5em 0.5em;
  line-height: normal;
  white-space: normal;
  max-width: none;
  border: none;
}
.rendered_html th {
  font-weight: bold;
}
.rendered_html tbody tr:nth-child(odd) {
  background: #f5f5f5;
}
.rendered_html tbody tr:hover {
  background: rgba(66, 165, 245, 0.2);
}
.rendered_html * + table {
  margin-top: 1em;
}
.rendered_html p {
  text-align: left;
}
.rendered_html * + p {
  margin-top: 1em;
}
.rendered_html img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.rendered_html * + img {
  margin-top: 1em;
}
.rendered_html img,
.rendered_html svg {
  max-width: 100%;
  height: auto;
}
.rendered_html img.unconfined,
.rendered_html svg.unconfined {
  max-width: none;
}
.rendered_html .alert {
  margin-bottom: initial;
}
.rendered_html * + .alert {
  margin-top: 1em;
}
[dir="rtl"] .rendered_html p {
  text-align: right;
}
div.text_cell {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
@media (max-width: 540px) {
  div.text_cell > div.prompt {
    display: none;
  }
}
div.text_cell_render {
  /*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
  outline: none;
  resize: none;
  width: inherit;
  border-style: none;
  padding: 0.5em 0.5em 0.5em 0.4em;
  color: #000;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
a.anchor-link:link {
  text-decoration: none;
  padding: 0px 20px;
  visibility: hidden;
}
h1:hover .anchor-link,
h2:hover .anchor-link,
h3:hover .anchor-link,
h4:hover .anchor-link,
h5:hover .anchor-link,
h6:hover .anchor-link {
  visibility: visible;
}
.text_cell.rendered .input_area {
  display: none;
}
.text_cell.rendered .rendered_html {
  overflow-x: auto;
  overflow-y: hidden;
}
.text_cell.rendered .rendered_html tr,
.text_cell.rendered .rendered_html th,
.text_cell.rendered .rendered_html td {
  max-width: none;
}
.text_cell.unrendered .text_cell_render {
  display: none;
}
.text_cell .dropzone .input_area {
  border: 2px dashed #bababa;
  margin: -1px;
}
.cm-header-1,
.cm-header-2,
.cm-header-3,
.cm-header-4,
.cm-header-5,
.cm-header-6 {
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.cm-header-1 {
  font-size: 185.7%;
}
.cm-header-2 {
  font-size: 157.1%;
}
.cm-header-3 {
  font-size: 128.6%;
}
.cm-header-4 {
  font-size: 110%;
}
.cm-header-5 {
  font-size: 100%;
  font-style: italic;
}
.cm-header-6 {
  font-size: 100%;
  font-style: italic;
}
/*!
*
* IPython notebook webapp
*
*/
@media (max-width: 767px) {
  .notebook_app {
    padding-left: 0px;
    padding-right: 0px;
  }
}
#ipython-main-app {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 100%;
}
div#notebook_panel {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 100%;
}
div#notebook {
  font-size: 14px;
  line-height: 20px;
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
  /* This spaces the page away from the edge of the notebook area */
  padding-top: 20px;
  margin: 0px;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 100%;
}
@media not print {
  #notebook-container {
    padding: 15px;
    background-color: #fff;
    min-height: 0;
    -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
    box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  }
}
@media print {
  #notebook-container {
    width: 100%;
  }
}
div.ui-widget-content {
  border: 1px solid #ababab;
  outline: none;
}
pre.dialog {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 0.4em;
  padding-left: 2em;
}
p.dialog {
  padding: 0.2em;
}
/* Word-wrap output correctly.  This is the CSS3 spelling, though Firefox seems
   to not honor it correctly.  Webkit browsers (Chrome, rekonq, Safari) do.
 */
pre,
code,
kbd,
samp {
  white-space: pre-wrap;
}
#fonttest {
  font-family: monospace;
}
p {
  margin-bottom: 0;
}
.end_space {
  min-height: 100px;
  transition: height .2s ease;
}
.notebook_app > #header {
  -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
}
@media not print {
  .notebook_app {
    background-color: #EEE;
  }
}
kbd {
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  margin: 2px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.jupyter-keybindings {
  padding: 1px;
  line-height: 24px;
  border-bottom: 1px solid gray;
}
.jupyter-keybindings input {
  margin: 0;
  padding: 0;
  border: none;
}
.jupyter-keybindings i {
  padding: 6px;
}
.well code {
  background-color: #ffffff;
  border-color: #ababab;
  border-width: 1px;
  border-style: solid;
  padding: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
}
/* CSS for the cell toolbar */
.celltoolbar {
  border: thin solid #CFCFCF;
  border-bottom: none;
  background: #EEE;
  border-radius: 2px 2px 0px 0px;
  width: 100%;
  height: 29px;
  padding-right: 4px;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
  /* Old browsers */
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  /* Modern browsers */
  justify-content: flex-end;
  display: -webkit-flex;
}
@media print {
  .celltoolbar {
    display: none;
  }
}
.ctb_hideshow {
  display: none;
  vertical-align: bottom;
}
/* ctb_show is added to the ctb_hideshow div to show the cell toolbar.
   Cell toolbars are only shown when the ctb_global_show class is also set.
*/
.ctb_global_show .ctb_show.ctb_hideshow {
  display: block;
}
.ctb_global_show .ctb_show + .input_area,
.ctb_global_show .ctb_show + div.text_cell_input,
.ctb_global_show .ctb_show ~ div.text_cell_render {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.ctb_global_show .ctb_show ~ div.text_cell_render {
  border: 1px solid #cfcfcf;
}
.celltoolbar {
  font-size: 87%;
  padding-top: 3px;
}
.celltoolbar select {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
  width: inherit;
  font-size: inherit;
  height: 22px;
  padding: 0px;
  display: inline-block;
}
.celltoolbar select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.celltoolbar select::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.celltoolbar select:-ms-input-placeholder {
  color: #999;
}
.celltoolbar select::-webkit-input-placeholder {
  color: #999;
}
.celltoolbar select::-ms-expand {
  border: 0;
  background-color: transparent;
}
.celltoolbar select[disabled],
.celltoolbar select[readonly],
fieldset[disabled] .celltoolbar select {
  background-color: #eeeeee;
  opacity: 1;
}
.celltoolbar select[disabled],
fieldset[disabled] .celltoolbar select {
  cursor: not-allowed;
}
textarea.celltoolbar select {
  height: auto;
}
select.celltoolbar select {
  height: 30px;
  line-height: 30px;
}
textarea.celltoolbar select,
select[multiple].celltoolbar select {
  height: auto;
}
.celltoolbar label {
  margin-left: 5px;
  margin-right: 5px;
}
.tags_button_container {
  width: 100%;
  display: flex;
}
.tag-container {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
}
.tag-container > * {
  margin: 0 4px;
}
.remove-tag-btn {
  margin-left: 4px;
}
.tags-input {
  display: flex;
}
.cell-tag:last-child:after {
  content: "";
  position: absolute;
  right: 0;
  width: 40px;
  height: 100%;
  /* Fade to background color of cell toolbar */
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #EEE);
}
.tags-input > * {
  margin-left: 4px;
}
.cell-tag,
.tags-input input,
.tags-input button {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
  box-shadow: none;
  width: inherit;
  font-size: inherit;
  height: 22px;
  line-height: 22px;
  padding: 0px 4px;
  display: inline-block;
}
.cell-tag:focus,
.tags-input input:focus,
.tags-input button:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.cell-tag::-moz-placeholder,
.tags-input input::-moz-placeholder,
.tags-input button::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.cell-tag:-ms-input-placeholder,
.tags-input input:-ms-input-placeholder,
.tags-input button:-ms-input-placeholder {
  color: #999;
}
.cell-tag::-webkit-input-placeholder,
.tags-input input::-webkit-input-placeholder,
.tags-input button::-webkit-input-placeholder {
  color: #999;
}
.cell-tag::-ms-expand,
.tags-input input::-ms-expand,
.tags-input button::-ms-expand {
  border: 0;
  background-color: transparent;
}
.cell-tag[disabled],
.tags-input input[disabled],
.tags-input button[disabled],
.cell-tag[readonly],
.tags-input input[readonly],
.tags-input button[readonly],
fieldset[disabled] .cell-tag,
fieldset[disabled] .tags-input input,
fieldset[disabled] .tags-input button {
  background-color: #eeeeee;
  opacity: 1;
}
.cell-tag[disabled],
.tags-input input[disabled],
.tags-input button[disabled],
fieldset[disabled] .cell-tag,
fieldset[disabled] .tags-input input,
fieldset[disabled] .tags-input button {
  cursor: not-allowed;
}
textarea.cell-tag,
textarea.tags-input input,
textarea.tags-input button {
  height: auto;
}
select.cell-tag,
select.tags-input input,
select.tags-input button {
  height: 30px;
  line-height: 30px;
}
textarea.cell-tag,
textarea.tags-input input,
textarea.tags-input button,
select[multiple].cell-tag,
select[multiple].tags-input input,
select[multiple].tags-input button {
  height: auto;
}
.cell-tag,
.tags-input button {
  padding: 0px 4px;
}
.cell-tag {
  background-color: #fff;
  white-space: nowrap;
}
.tags-input input[type=text]:focus {
  outline: none;
  box-shadow: none;
  border-color: #ccc;
}
.completions {
  position: absolute;
  z-index: 110;
  overflow: hidden;
  border: 1px solid #ababab;
  border-radius: 2px;
  -webkit-box-shadow: 0px 6px 10px -1px #adadad;
  box-shadow: 0px 6px 10px -1px #adadad;
  line-height: 1;
}
.completions select {
  background: white;
  outline: none;
  border: none;
  padding: 0px;
  margin: 0px;
  overflow: auto;
  font-family: monospace;
  font-size: 110%;
  color: #000;
  width: auto;
}
.completions select option.context {
  color: #286090;
}
#kernel_logo_widget .current_kernel_logo {
  display: none;
  margin-top: -1px;
  margin-bottom: -1px;
  width: 32px;
  height: 32px;
}
[dir="rtl"] #kernel_logo_widget {
  float: left !important;
  float: left;
}
.modal .modal-body .move-path {
  display: flex;
  flex-direction: row;
  justify-content: space;
  align-items: center;
}
.modal .modal-body .move-path .server-root {
  padding-right: 20px;
}
.modal .modal-body .move-path .path-input {
  flex: 1;
}
#menubar {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 1px;
}
#menubar .navbar {
  border-top: 1px;
  border-radius: 0px 0px 2px 2px;
  margin-bottom: 0px;
}
#menubar .navbar-toggle {
  float: left;
  padding-top: 7px;
  padding-bottom: 7px;
  border: none;
}
#menubar .navbar-collapse {
  clear: left;
}
[dir="rtl"] #menubar .navbar-toggle {
  float: right;
}
[dir="rtl"] #menubar .navbar-collapse {
  clear: right;
}
[dir="rtl"] #menubar .navbar-nav {
  float: right;
}
[dir="rtl"] #menubar .nav {
  padding-right: 0px;
}
[dir="rtl"] #menubar .navbar-nav > li {
  float: right;
}
[dir="rtl"] #menubar .navbar-right {
  float: left !important;
}
[dir="rtl"] ul.dropdown-menu {
  text-align: right;
  left: auto;
}
[dir="rtl"] ul#new-menu.dropdown-menu {
  right: auto;
  left: 0;
}
.nav-wrapper {
  border-bottom: 1px solid #e7e7e7;
}
i.menu-icon {
  padding-top: 4px;
}
[dir="rtl"] i.menu-icon.pull-right {
  float: left !important;
  float: left;
}
ul#help_menu li a {
  overflow: hidden;
  padding-right: 2.2em;
}
ul#help_menu li a i {
  margin-right: -1.2em;
}
[dir="rtl"] ul#help_menu li a {
  padding-left: 2.2em;
}
[dir="rtl"] ul#help_menu li a i {
  margin-right: 0;
  margin-left: -1.2em;
}
[dir="rtl"] ul#help_menu li a i.pull-right {
  float: left !important;
  float: left;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
[dir="rtl"] .dropdown-submenu > .dropdown-menu {
  right: 100%;
  margin-right: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  content: "\f0da";
  float: right;
  color: #333333;
  margin-top: 2px;
  margin-right: -10px;
}
.dropdown-submenu > a:after.fa-pull-left {
  margin-right: .3em;
}
.dropdown-submenu > a:after.fa-pull-right {
  margin-left: .3em;
}
.dropdown-submenu > a:after.pull-left {
  margin-right: .3em;
}
.dropdown-submenu > a:after.pull-right {
  margin-left: .3em;
}
[dir="rtl"] .dropdown-submenu > a:after {
  float: left;
  content: "\f0d9";
  margin-right: 0;
  margin-left: -10px;
}
.dropdown-submenu:hover > a:after {
  color: #262626;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}
#notification_area {
  float: right !important;
  float: right;
  z-index: 10;
}
[dir="rtl"] #notification_area {
  float: left !important;
  float: left;
}
.indicator_area {
  float: right !important;
  float: right;
  color: #777;
  margin-left: 5px;
  margin-right: 5px;
  width: 11px;
  z-index: 10;
  text-align: center;
  width: auto;
}
[dir="rtl"] .indicator_area {
  float: left !important;
  float: left;
}
#kernel_indicator {
  float: right !important;
  float: right;
  color: #777;
  margin-left: 5px;
  margin-right: 5px;
  width: 11px;
  z-index: 10;
  text-align: center;
  width: auto;
  border-left: 1px solid;
}
#kernel_indicator .kernel_indicator_name {
  padding-left: 5px;
  padding-right: 5px;
}
[dir="rtl"] #kernel_indicator {
  float: left !important;
  float: left;
  border-left: 0;
  border-right: 1px solid;
}
#modal_indicator {
  float: right !important;
  float: right;
  color: #777;
  margin-left: 5px;
  margin-right: 5px;
  width: 11px;
  z-index: 10;
  text-align: center;
  width: auto;
}
[dir="rtl"] #modal_indicator {
  float: left !important;
  float: left;
}
#readonly-indicator {
  float: right !important;
  float: right;
  color: #777;
  margin-left: 5px;
  margin-right: 5px;
  width: 11px;
  z-index: 10;
  text-align: center;
  width: auto;
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  display: none;
}
.modal_indicator:before {
  width: 1.28571429em;
  text-align: center;
}
.edit_mode .modal_indicator:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f040";
}
.edit_mode .modal_indicator:before.fa-pull-left {
  margin-right: .3em;
}
.edit_mode .modal_indicator:before.fa-pull-right {
  margin-left: .3em;
}
.edit_mode .modal_indicator:before.pull-left {
  margin-right: .3em;
}
.edit_mode .modal_indicator:before.pull-right {
  margin-left: .3em;
}
.command_mode .modal_indicator:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ' ';
}
.command_mode .modal_indicator:before.fa-pull-left {
  margin-right: .3em;
}
.command_mode .modal_indicator:before.fa-pull-right {
  margin-left: .3em;
}
.command_mode .modal_indicator:before.pull-left {
  margin-right: .3em;
}
.command_mode .modal_indicator:before.pull-right {
  margin-left: .3em;
}
.kernel_idle_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f10c";
}
.kernel_idle_icon:before.fa-pull-left {
  margin-right: .3em;
}
.kernel_idle_icon:before.fa-pull-right {
  margin-left: .3em;
}
.kernel_idle_icon:before.pull-left {
  margin-right: .3em;
}
.kernel_idle_icon:before.pull-right {
  margin-left: .3em;
}
.kernel_busy_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f111";
}
.kernel_busy_icon:before.fa-pull-left {
  margin-right: .3em;
}
.kernel_busy_icon:before.fa-pull-right {
  margin-left: .3em;
}
.kernel_busy_icon:before.pull-left {
  margin-right: .3em;
}
.kernel_busy_icon:before.pull-right {
  margin-left: .3em;
}
.kernel_dead_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1e2";
}
.kernel_dead_icon:before.fa-pull-left {
  margin-right: .3em;
}
.kernel_dead_icon:before.fa-pull-right {
  margin-left: .3em;
}
.kernel_dead_icon:before.pull-left {
  margin-right: .3em;
}
.kernel_dead_icon:before.pull-right {
  margin-left: .3em;
}
.kernel_disconnected_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f127";
}
.kernel_disconnected_icon:before.fa-pull-left {
  margin-right: .3em;
}
.kernel_disconnected_icon:before.fa-pull-right {
  margin-left: .3em;
}
.kernel_disconnected_icon:before.pull-left {
  margin-right: .3em;
}
.kernel_disconnected_icon:before.pull-right {
  margin-left: .3em;
}
.notification_widget {
  color: #777;
  z-index: 10;
  background: rgba(240, 240, 240, 0.5);
  margin-right: 4px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.notification_widget:focus,
.notification_widget.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.notification_widget:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.notification_widget:active,
.notification_widget.active,
.open > .dropdown-toggle.notification_widget {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.notification_widget:active:hover,
.notification_widget.active:hover,
.open > .dropdown-toggle.notification_widget:hover,
.notification_widget:active:focus,
.notification_widget.active:focus,
.open > .dropdown-toggle.notification_widget:focus,
.notification_widget:active.focus,
.notification_widget.active.focus,
.open > .dropdown-toggle.notification_widget.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.notification_widget:active,
.notification_widget.active,
.open > .dropdown-toggle.notification_widget {
  background-image: none;
}
.notification_widget.disabled:hover,
.notification_widget[disabled]:hover,
fieldset[disabled] .notification_widget:hover,
.notification_widget.disabled:focus,
.notification_widget[disabled]:focus,
fieldset[disabled] .notification_widget:focus,
.notification_widget.disabled.focus,
.notification_widget[disabled].focus,
fieldset[disabled] .notification_widget.focus {
  background-color: #fff;
  border-color: #ccc;
}
.notification_widget .badge {
  color: #fff;
  background-color: #333;
}
.notification_widget.warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.notification_widget.warning:focus,
.notification_widget.warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.notification_widget.warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.notification_widget.warning:active,
.notification_widget.warning.active,
.open > .dropdown-toggle.notification_widget.warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.notification_widget.warning:active:hover,
.notification_widget.warning.active:hover,
.open > .dropdown-toggle.notification_widget.warning:hover,
.notification_widget.warning:active:focus,
.notification_widget.warning.active:focus,
.open > .dropdown-toggle.notification_widget.warning:focus,
.notification_widget.warning:active.focus,
.notification_widget.warning.active.focus,
.open > .dropdown-toggle.notification_widget.warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.notification_widget.warning:active,
.notification_widget.warning.active,
.open > .dropdown-toggle.notification_widget.warning {
  background-image: none;
}
.notification_widget.warning.disabled:hover,
.notification_widget.warning[disabled]:hover,
fieldset[disabled] .notification_widget.warning:hover,
.notification_widget.warning.disabled:focus,
.notification_widget.warning[disabled]:focus,
fieldset[disabled] .notification_widget.warning:focus,
.notification_widget.warning.disabled.focus,
.notification_widget.warning[disabled].focus,
fieldset[disabled] .notification_widget.warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.notification_widget.warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.notification_widget.success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.notification_widget.success:focus,
.notification_widget.success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.notification_widget.success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.notification_widget.success:active,
.notification_widget.success.active,
.open > .dropdown-toggle.notification_widget.success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.notification_widget.success:active:hover,
.notification_widget.success.active:hover,
.open > .dropdown-toggle.notification_widget.success:hover,
.notification_widget.success:active:focus,
.notification_widget.success.active:focus,
.open > .dropdown-toggle.notification_widget.success:focus,
.notification_widget.success:active.focus,
.notification_widget.success.active.focus,
.open > .dropdown-toggle.notification_widget.success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.notification_widget.success:active,
.notification_widget.success.active,
.open > .dropdown-toggle.notification_widget.success {
  background-image: none;
}
.notification_widget.success.disabled:hover,
.notification_widget.success[disabled]:hover,
fieldset[disabled] .notification_widget.success:hover,
.notification_widget.success.disabled:focus,
.notification_widget.success[disabled]:focus,
fieldset[disabled] .notification_widget.success:focus,
.notification_widget.success.disabled.focus,
.notification_widget.success[disabled].focus,
fieldset[disabled] .notification_widget.success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.notification_widget.success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.notification_widget.info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.notification_widget.info:focus,
.notification_widget.info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.notification_widget.info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.notification_widget.info:active,
.notification_widget.info.active,
.open > .dropdown-toggle.notification_widget.info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.notification_widget.info:active:hover,
.notification_widget.info.active:hover,
.open > .dropdown-toggle.notification_widget.info:hover,
.notification_widget.info:active:focus,
.notification_widget.info.active:focus,
.open > .dropdown-toggle.notification_widget.info:focus,
.notification_widget.info:active.focus,
.notification_widget.info.active.focus,
.open > .dropdown-toggle.notification_widget.info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.notification_widget.info:active,
.notification_widget.info.active,
.open > .dropdown-toggle.notification_widget.info {
  background-image: none;
}
.notification_widget.info.disabled:hover,
.notification_widget.info[disabled]:hover,
fieldset[disabled] .notification_widget.info:hover,
.notification_widget.info.disabled:focus,
.notification_widget.info[disabled]:focus,
fieldset[disabled] .notification_widget.info:focus,
.notification_widget.info.disabled.focus,
.notification_widget.info[disabled].focus,
fieldset[disabled] .notification_widget.info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.notification_widget.info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.notification_widget.danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.notification_widget.danger:focus,
.notification_widget.danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.notification_widget.danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.notification_widget.danger:active,
.notification_widget.danger.active,
.open > .dropdown-toggle.notification_widget.danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.notification_widget.danger:active:hover,
.notification_widget.danger.active:hover,
.open > .dropdown-toggle.notification_widget.danger:hover,
.notification_widget.danger:active:focus,
.notification_widget.danger.active:focus,
.open > .dropdown-toggle.notification_widget.danger:focus,
.notification_widget.danger:active.focus,
.notification_widget.danger.active.focus,
.open > .dropdown-toggle.notification_widget.danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.notification_widget.danger:active,
.notification_widget.danger.active,
.open > .dropdown-toggle.notification_widget.danger {
  background-image: none;
}
.notification_widget.danger.disabled:hover,
.notification_widget.danger[disabled]:hover,
fieldset[disabled] .notification_widget.danger:hover,
.notification_widget.danger.disabled:focus,
.notification_widget.danger[disabled]:focus,
fieldset[disabled] .notification_widget.danger:focus,
.notification_widget.danger.disabled.focus,
.notification_widget.danger[disabled].focus,
fieldset[disabled] .notification_widget.danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.notification_widget.danger .badge {
  color: #d9534f;
  background-color: #fff;
}
div#pager {
  background-color: #fff;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  display: none;
  position: fixed;
  bottom: 0px;
  width: 100%;
  max-height: 50%;
  padding-top: 8px;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  /* Display over codemirror */
  z-index: 100;
  /* Hack which prevents jquery ui resizable from changing top. */
  top: auto !important;
}
div#pager pre {
  line-height: 1.21429em;
  color: #000;
  background-color: #f7f7f7;
  padding: 0.4em;
}
div#pager #pager-button-area {
  position: absolute;
  top: 8px;
  right: 20px;
}
div#pager #pager-contents {
  position: relative;
  overflow: auto;
  width: 100%;
  height: 100%;
}
div#pager #pager-contents #pager-container {
  position: relative;
  padding: 15px 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div#pager .ui-resizable-handle {
  top: 0px;
  height: 8px;
  background: #f7f7f7;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  /* This injects handle bars (a short, wide = symbol) for 
        the resize handle. */
}
div#pager .ui-resizable-handle::after {
  content: '';
  top: 2px;
  left: 50%;
  height: 3px;
  width: 30px;
  margin-left: -15px;
  position: absolute;
  border-top: 1px solid #cfcfcf;
}
.quickhelp {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
  line-height: 1.8em;
}
.shortcut_key {
  display: inline-block;
  width: 21ex;
  text-align: right;
  font-family: monospace;
}
.shortcut_descr {
  display: inline-block;
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
}
span.save_widget {
  height: 30px;
  margin-top: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  width: 50%;
  flex: 1;
}
span.save_widget span.filename {
  height: 100%;
  line-height: 1em;
  margin-left: 16px;
  border: none;
  font-size: 146.5%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
span.save_widget span.filename:hover {
  background-color: #e6e6e6;
}
[dir="rtl"] span.save_widget.pull-left {
  float: right !important;
  float: right;
}
[dir="rtl"] span.save_widget span.filename {
  margin-left: 0;
  margin-right: 16px;
}
span.checkpoint_status,
span.autosave_status {
  font-size: small;
  white-space: nowrap;
  padding: 0 5px;
}
@media (max-width: 767px) {
  span.save_widget {
    font-size: small;
    padding: 0 0 0 5px;
  }
  span.checkpoint_status,
  span.autosave_status {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  span.checkpoint_status {
    display: none;
  }
  span.autosave_status {
    font-size: x-small;
  }
}
.toolbar {
  padding: 0px;
  margin-left: -5px;
  margin-top: 2px;
  margin-bottom: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.toolbar select,
.toolbar label {
  width: auto;
  vertical-align: middle;
  margin-right: 2px;
  margin-bottom: 0px;
  display: inline;
  font-size: 92%;
  margin-left: 0.3em;
  margin-right: 0.3em;
  padding: 0px;
  padding-top: 3px;
}
.toolbar .btn {
  padding: 2px 8px;
}
.toolbar .btn-group {
  margin-top: 0px;
  margin-left: 5px;
}
.toolbar-btn-label {
  margin-left: 6px;
}
#maintoolbar {
  margin-bottom: -3px;
  margin-top: -8px;
  border: 0px;
  min-height: 27px;
  margin-left: 0px;
  padding-top: 11px;
  padding-bottom: 3px;
}
#maintoolbar .navbar-text {
  float: none;
  vertical-align: middle;
  text-align: right;
  margin-left: 5px;
  margin-right: 0px;
  margin-top: 0px;
}
.select-xs {
  height: 24px;
}
[dir="rtl"] .btn-group > .btn,
.btn-group-vertical > .btn {
  float: right;
}
.pulse,
.dropdown-menu > li > a.pulse,
li.pulse > a.dropdown-toggle,
li.pulse.open > a.dropdown-toggle {
  background-color: #F37626;
  color: white;
}
/**
 * Primary styles
 *
 * Author: Jupyter Development Team
 */
/** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot
 * of chance of beeing generated from the ../less/[samename].less file, you can
 * try to get back the less file by reverting somme commit in history
 **/
/*
 * We'll try to get something pretty, so we
 * have some strange css to have the scroll bar on
 * the left with fix button on the top right of the tooltip
 */
@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*properties of tooltip after "expand"*/
.bigtooltip {
  overflow: auto;
  height: 200px;
  -webkit-transition-property: height;
  -webkit-transition-duration: 500ms;
  -moz-transition-property: height;
  -moz-transition-duration: 500ms;
  transition-property: height;
  transition-duration: 500ms;
}
/*properties of tooltip before "expand"*/
.smalltooltip {
  -webkit-transition-property: height;
  -webkit-transition-duration: 500ms;
  -moz-transition-property: height;
  -moz-transition-duration: 500ms;
  transition-property: height;
  transition-duration: 500ms;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 80px;
}
.tooltipbuttons {
  position: absolute;
  padding-right: 15px;
  top: 0px;
  right: 0px;
}
.tooltiptext {
  /*avoid the button to overlap on some docstring*/
  padding-right: 30px;
}
.ipython_tooltip {
  max-width: 700px;
  /*fade-in animation when inserted*/
  -webkit-animation: fadeOut 400ms;
  -moz-animation: fadeOut 400ms;
  animation: fadeOut 400ms;
  -webkit-animation: fadeIn 400ms;
  -moz-animation: fadeIn 400ms;
  animation: fadeIn 400ms;
  vertical-align: middle;
  background-color: #f7f7f7;
  overflow: visible;
  border: #ababab 1px solid;
  outline: none;
  padding: 3px;
  margin: 0px;
  padding-left: 7px;
  font-family: monospace;
  min-height: 50px;
  -moz-box-shadow: 0px 6px 10px -1px #adadad;
  -webkit-box-shadow: 0px 6px 10px -1px #adadad;
  box-shadow: 0px 6px 10px -1px #adadad;
  border-radius: 2px;
  position: absolute;
  z-index: 1000;
}
.ipython_tooltip a {
  float: right;
}
.ipython_tooltip .tooltiptext pre {
  border: 0;
  border-radius: 0;
  font-size: 100%;
  background-color: #f7f7f7;
}
.pretooltiparrow {
  left: 0px;
  margin: 0px;
  top: -16px;
  width: 40px;
  height: 16px;
  overflow: hidden;
  position: absolute;
}
.pretooltiparrow:before {
  background-color: #f7f7f7;
  border: 1px #ababab solid;
  z-index: 11;
  content: "";
  position: absolute;
  left: 15px;
  top: 10px;
  width: 25px;
  height: 25px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
ul.typeahead-list i {
  margin-left: -10px;
  width: 18px;
}
[dir="rtl"] ul.typeahead-list i {
  margin-left: 0;
  margin-right: -10px;
}
ul.typeahead-list {
  max-height: 80vh;
  overflow: auto;
}
ul.typeahead-list > li > a {
  /** Firefox bug **/
  /* see https://github.com/jupyter/notebook/issues/559 */
  white-space: normal;
}
ul.typeahead-list  > li > a.pull-right {
  float: left !important;
  float: left;
}
[dir="rtl"] .typeahead-list {
  text-align: right;
}
.cmd-palette .modal-body {
  padding: 7px;
}
.cmd-palette form {
  background: white;
}
.cmd-palette input {
  outline: none;
}
.no-shortcut {
  min-width: 20px;
  color: transparent;
}
[dir="rtl"] .no-shortcut.pull-right {
  float: left !important;
  float: left;
}
[dir="rtl"] .command-shortcut.pull-right {
  float: left !important;
  float: left;
}
.command-shortcut:before {
  content: "(command mode)";
  padding-right: 3px;
  color: #777777;
}
.edit-shortcut:before {
  content: "(edit)";
  padding-right: 3px;
  color: #777777;
}
[dir="rtl"] .edit-shortcut.pull-right {
  float: left !important;
  float: left;
}
#find-and-replace #replace-preview .match,
#find-and-replace #replace-preview .insert {
  background-color: #BBDEFB;
  border-color: #90CAF9;
  border-style: solid;
  border-width: 1px;
  border-radius: 0px;
}
[dir="ltr"] #find-and-replace .input-group-btn + .form-control {
  border-left: none;
}
[dir="rtl"] #find-and-replace .input-group-btn + .form-control {
  border-right: none;
}
#find-and-replace #replace-preview .replace .match {
  background-color: #FFCDD2;
  border-color: #EF9A9A;
  border-radius: 0px;
}
#find-and-replace #replace-preview .replace .insert {
  background-color: #C8E6C9;
  border-color: #A5D6A7;
  border-radius: 0px;
}
#find-and-replace #replace-preview {
  max-height: 60vh;
  overflow: auto;
}
#find-and-replace #replace-preview pre {
  padding: 5px 10px;
}
.terminal-app {
  background: #EEE;
}
.terminal-app #header {
  background: #fff;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
}
.terminal-app .terminal {
  width: 100%;
  float: left;
  font-family: monospace;
  color: white;
  background: black;
  padding: 0.4em;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
}
.terminal-app .terminal,
.terminal-app .terminal dummy-screen {
  line-height: 1em;
  font-size: 14px;
}
.terminal-app .terminal .xterm-rows {
  padding: 10px;
}
.terminal-app .terminal-cursor {
  color: black;
  background: white;
}
.terminal-app #terminado-container {
  margin-top: 20px;
}
/*# sourceMappingURL=style.min.css.map */
    </style>
<style type="text/css">
    .highlight .hll { background-color: #ffffcc }
.highlight  { background: #f8f8f8; }
.highlight .c { color: #408080; font-style: italic } /* Comment */
.highlight .err { border: 1px solid #FF0000 } /* Error */
.highlight .k { color: #008000; font-weight: bold } /* Keyword */
.highlight .o { color: #666666 } /* Operator */
.highlight .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
.highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #BC7A00 } /* Comment.Preproc */
.highlight .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
.highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
.highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
.highlight .gd { color: #A00000 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #FF0000 } /* Generic.Error */
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #00A000 } /* Generic.Inserted */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlight .gt { color: #0044DD } /* Generic.Traceback */
.highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #008000 } /* Keyword.Pseudo */
.highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #B00040 } /* Keyword.Type */
.highlight .m { color: #666666 } /* Literal.Number */
.highlight .s { color: #BA2121 } /* Literal.String */
.highlight .na { color: #7D9029 } /* Name.Attribute */
.highlight .nb { color: #008000 } /* Name.Builtin */
.highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
.highlight .no { color: #880000 } /* Name.Constant */
.highlight .nd { color: #AA22FF } /* Name.Decorator */
.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
.highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #0000FF } /* Name.Function */
.highlight .nl { color: #A0A000 } /* Name.Label */
.highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #19177C } /* Name.Variable */
.highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mb { color: #666666 } /* Literal.Number.Bin */
.highlight .mf { color: #666666 } /* Literal.Number.Float */
.highlight .mh { color: #666666 } /* Literal.Number.Hex */
.highlight .mi { color: #666666 } /* Literal.Number.Integer */
.highlight .mo { color: #666666 } /* Literal.Number.Oct */
.highlight .sa { color: #BA2121 } /* Literal.String.Affix */
.highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
.highlight .sc { color: #BA2121 } /* Literal.String.Char */
.highlight .dl { color: #BA2121 } /* Literal.String.Delimiter */
.highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.highlight .s2 { color: #BA2121 } /* Literal.String.Double */
.highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
.highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.highlight .sx { color: #008000 } /* Literal.String.Other */
.highlight .sr { color: #BB6688 } /* Literal.String.Regex */
.highlight .s1 { color: #BA2121 } /* Literal.String.Single */
.highlight .ss { color: #19177C } /* Literal.String.Symbol */
.highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
.highlight .fm { color: #0000FF } /* Name.Function.Magic */
.highlight .vc { color: #19177C } /* Name.Variable.Class */
.highlight .vg { color: #19177C } /* Name.Variable.Global */
.highlight .vi { color: #19177C } /* Name.Variable.Instance */
.highlight .vm { color: #19177C } /* Name.Variable.Magic */
.highlight .il { color: #666666 } /* Literal.Number.Integer.Long */
    </style>


<style type="text/css">
/* Overrides of notebook CSS for static HTML export */
body {
  overflow: visible;
  padding: 8px;
}

div#notebook {
  overflow: visible;
  border-top: none;
}@media print {
  div.cell {
    display: block;
    page-break-inside: avoid;
  } 
  div.output_wrapper { 
    display: block;
    page-break-inside: avoid; 
  }
  div.output { 
    display: block;
    page-break-inside: avoid; 
  }
}
</style>

<!-- Custom stylesheet, it must be in the same directory as the html file -->
<link rel="stylesheet" href="custom.css">

<!-- Loading mathjax macro -->
<!-- Load mathjax -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-AMS_HTML"></script>
    <!-- MathJax configuration -->
    <script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        tex2jax: {
            inlineMath: [ ['$','$'], ["\\(","\\)"] ],
            displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
            processEscapes: true,
            processEnvironments: true
        },
        // Center justify equations in code and markdown cells. Elsewhere
        // we use CSS to left justify single line equations in code cells.
        displayAlign: 'center',
        "HTML-CSS": {
            styles: {'.MathJax_Display': {"margin": 0}},
            linebreaks: { automatic: true }
        }
    });
    </script>
    <!-- End of mathjax configuration --></head>
<body>
  <div tabindex="-1" id="notebook" class="border-box-sizing">
    <div class="container" id="notebook-container">

<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<div align="center">
  <h1>🐋 DataStory_Interactive-Visualization 🐋</h1>
  <h3>Seeking True from Fact 网新人，有态度，不认输，不头秃</h3>
  <h4>价值主张:分析 世界500强企业中美经济结构的差异化 现象，结合数据分析图表 展示差异化因素，并在最小可行性 推断未来新兴科技发展方向</h4>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#26681;&#25454;-2019-&#24180;&#36130;&#23500;&#19990;&#30028;-500-&#24378;&#20844;&#21496;&#25968;&#25454;&#36827;&#34892;&#28165;&#27927;">&#26681;&#25454; 2019 &#24180;&#36130;&#23500;&#19990;&#30028; 500 &#24378;&#20844;&#21496;&#25968;&#25454;&#36827;&#34892;&#28165;&#27927;<a class="anchor-link" href="#&#26681;&#25454;-2019-&#24180;&#36130;&#23500;&#19990;&#30028;-500-&#24378;&#20844;&#21496;&#25968;&#25454;&#36827;&#34892;&#28165;&#27927;">&#182;</a></h3>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[15]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">pyecharts</span>
<span class="kn">import</span> <span class="nn">csv</span>
<span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>
<span class="n">df</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_csv</span><span class="p">(</span><span class="s2">&quot;500 company - 19input_zh_cn.csv&quot;</span><span class="p">)</span> 
<span class="n">df</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[15]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>2019rate</th>
      <th>2018rate</th>
      <th>company</th>
      <th>income</th>
      <th>profit</th>
      <th>country</th>
      <th>location</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>1</td>
      <td>沃尔玛（WALMART)</td>
      <td>$514,405.00</td>
      <td>$6,670.00</td>
      <td>美国</td>
      <td>本顿维尔(Bentonville)</td>
    </tr>
    <tr>
      <th>1</th>
      <td>2</td>
      <td>3</td>
      <td>中国石油化工集团公司（SINOPEC GROUP)</td>
      <td>$414,649.90</td>
      <td>$5,845.00</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
    </tr>
    <tr>
      <th>2</th>
      <td>3</td>
      <td>5</td>
      <td>荷兰皇家壳牌石油公司（ROYAL DUTCH SHELL)</td>
      <td>$396,556.00</td>
      <td>$23,352.00</td>
      <td>荷兰</td>
      <td>海牙(The Hague)</td>
    </tr>
    <tr>
      <th>3</th>
      <td>4</td>
      <td>4</td>
      <td>中国石油天然气集团公司（CHINA NATIONAL PETROLEUM)</td>
      <td>$392,976.60</td>
      <td>$2,270.50</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
    </tr>
    <tr>
      <th>4</th>
      <td>5</td>
      <td>2</td>
      <td>国家电网公司（STATE GRID)</td>
      <td>$387,056.00</td>
      <td>$8,174.80</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
    </tr>
    <tr>
      <th>5</th>
      <td>6</td>
      <td>--</td>
      <td>沙特阿美公司（SAUDI ARAMCO)</td>
      <td>$355,905.00</td>
      <td>$110,974.50</td>
      <td>沙特阿拉伯</td>
      <td>达兰(Dhahran)</td>
    </tr>
    <tr>
      <th>6</th>
      <td>7</td>
      <td>8</td>
      <td>英国石油公司（BP)</td>
      <td>$303,738.00</td>
      <td>$9,383.00</td>
      <td>英国</td>
      <td>伦敦市(London)</td>
    </tr>
    <tr>
      <th>7</th>
      <td>8</td>
      <td>9</td>
      <td>埃克森美孚（EXXON MOBIL)</td>
      <td>$290,212.00</td>
      <td>$20,840.00</td>
      <td>美国</td>
      <td>欧文(Irving)</td>
    </tr>
    <tr>
      <th>8</th>
      <td>9</td>
      <td>7</td>
      <td>大众公司（VOLKSWAGEN)</td>
      <td>$278,341.50</td>
      <td>$14,322.50</td>
      <td>德国</td>
      <td>沃尔夫斯堡(Wolfsburg)</td>
    </tr>
    <tr>
      <th>9</th>
      <td>10</td>
      <td>6</td>
      <td>丰田汽车公司（TOYOTA MOTOR)</td>
      <td>$272,612.00</td>
      <td>$16,982.00</td>
      <td>日本</td>
      <td>东京(Toyota)</td>
    </tr>
    <tr>
      <th>10</th>
      <td>11</td>
      <td>11</td>
      <td>苹果公司（APPLE)</td>
      <td>$265,595.00</td>
      <td>$59,531.00</td>
      <td>美国</td>
      <td>库佩蒂诺(Cupertino)</td>
    </tr>
    <tr>
      <th>11</th>
      <td>12</td>
      <td>10</td>
      <td>伯克希尔－哈撒韦公司（BERKSHIRE HATHAWAY)</td>
      <td>$247,837.00</td>
      <td>$4,021.00</td>
      <td>美国</td>
      <td>奥马哈(Omaha)</td>
    </tr>
    <tr>
      <th>12</th>
      <td>13</td>
      <td>18</td>
      <td>亚马逊（AMAZON.COM)</td>
      <td>$232,887.00</td>
      <td>$10,073.00</td>
      <td>美国</td>
      <td>西雅图(Seattle)</td>
    </tr>
    <tr>
      <th>13</th>
      <td>14</td>
      <td>15</td>
      <td>联合健康集团（UNITEDHEALTH GROUP)</td>
      <td>$226,247.00</td>
      <td>$11,986.00</td>
      <td>美国</td>
      <td>明尼苏达(Minnetonka)</td>
    </tr>
    <tr>
      <th>14</th>
      <td>15</td>
      <td>12</td>
      <td>三星电子（SAMSUNG ELECTRONICS)</td>
      <td>$221,579.40</td>
      <td>$39,895.20</td>
      <td>韩国</td>
      <td>首尔(Suwon)</td>
    </tr>
    <tr>
      <th>15</th>
      <td>16</td>
      <td>14</td>
      <td>嘉能可（GLENCORE)</td>
      <td>$219,754.00</td>
      <td>$3,408.00</td>
      <td>瑞士</td>
      <td>巴尔(Baar)</td>
    </tr>
    <tr>
      <th>16</th>
      <td>17</td>
      <td>13</td>
      <td>麦克森公司（MCKESSON)</td>
      <td>$214,319.00</td>
      <td>$34.00</td>
      <td>美国</td>
      <td>欧文(Irving)</td>
    </tr>
    <tr>
      <th>17</th>
      <td>18</td>
      <td>16</td>
      <td>戴姆勒股份公司（DAIMLER)</td>
      <td>$197,515.30</td>
      <td>$8,555.00</td>
      <td>德国</td>
      <td>斯图加特(Stuttgart)</td>
    </tr>
    <tr>
      <th>18</th>
      <td>19</td>
      <td>17</td>
      <td>CVS Health 公司（CVS HEALTH)</td>
      <td>$194,579.00</td>
      <td>($594.00)</td>
      <td>美国</td>
      <td>文索基特(Woonsocket)</td>
    </tr>
    <tr>
      <th>19</th>
      <td>20</td>
      <td>28</td>
      <td>道达尔公司（TOTAL)</td>
      <td>$184,106.00</td>
      <td>$11,446.00</td>
      <td>法国</td>
      <td>库尔贝瓦(Courbevoie)</td>
    </tr>
    <tr>
      <th>20</th>
      <td>21</td>
      <td>23</td>
      <td>中国建筑集团有限公司（CHINA STATE CONSTRUCTION ENGINEERING)</td>
      <td>$181,524.50</td>
      <td>$3,159.50</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
    </tr>
    <tr>
      <th>21</th>
      <td>22</td>
      <td>32</td>
      <td>托克集团（TRAFIGURA GROUP)</td>
      <td>$180,744.10</td>
      <td>$849.20</td>
      <td>新加坡</td>
      <td>阿姆斯特丹(Singapore)</td>
    </tr>
    <tr>
      <th>22</th>
      <td>23</td>
      <td>24</td>
      <td>鸿海精密工业股份有限公司（HON HAI PRECISION INDUSTRY)</td>
      <td>$175,617.00</td>
      <td>$4,281.60</td>
      <td>中国</td>
      <td>台北(New Taipei City)</td>
    </tr>
    <tr>
      <th>23</th>
      <td>24</td>
      <td>19</td>
      <td>EXOR 集团（EXOR GROUP)</td>
      <td>$175,009.50</td>
      <td>$1,589.70</td>
      <td>荷兰</td>
      <td>阿姆斯特丹(Amsterdam)</td>
    </tr>
    <tr>
      <th>24</th>
      <td>25</td>
      <td>20</td>
      <td>美国电话电报公司（AT&amp;T)</td>
      <td>$170,756.00</td>
      <td>$19,370.00</td>
      <td>美国</td>
      <td>达拉斯(Dallas)</td>
    </tr>
    <tr>
      <th>25</th>
      <td>26</td>
      <td>26</td>
      <td>中国工商银行（INDUSTRIAL &amp; COMMERCIAL BANK OF CHINA)</td>
      <td>$168,979.00</td>
      <td>$45,002.30</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
    </tr>
    <tr>
      <th>26</th>
      <td>27</td>
      <td>25</td>
      <td>美源伯根公司（AMERISOURCEBERGEN)</td>
      <td>$167,939.60</td>
      <td>$1,658.40</td>
      <td>美国</td>
      <td>切斯特(Chesterbrook)</td>
    </tr>
    <tr>
      <th>27</th>
      <td>28</td>
      <td>33</td>
      <td>雪佛龙（CHEVRON)</td>
      <td>$166,339.00</td>
      <td>$14,824.00</td>
      <td>美国</td>
      <td>圣雷蒙(San Ramon)</td>
    </tr>
    <tr>
      <th>28</th>
      <td>29</td>
      <td>29</td>
      <td>中国平安保险（集团）股份有限公司（PING AN INSURANCE)</td>
      <td>$163,597.40</td>
      <td>$16,237.20</td>
      <td>中国</td>
      <td>深圳(Shenzhen)</td>
    </tr>
    <tr>
      <th>29</th>
      <td>30</td>
      <td>22</td>
      <td>福特汽车公司（FORD MOTOR)</td>
      <td>$160,338.00</td>
      <td>$3,677.00</td>
      <td>美国</td>
      <td>迪尔伯恩(Dearborn)</td>
    </tr>
    <tr>
      <th>...</th>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
    </tr>
    <tr>
      <th>470</th>
      <td>471</td>
      <td>479</td>
      <td>富邦金融控股股份有限公司（FUBON FINANCIAL HOLDING)</td>
      <td>$26,276.50</td>
      <td>$1,583.40</td>
      <td>中国</td>
      <td>台北(Taipei)</td>
    </tr>
    <tr>
      <th>471</th>
      <td>472</td>
      <td>451</td>
      <td>卡夫亨氏公司（KRAFT HEINZ)</td>
      <td>$26,268.00</td>
      <td>($10,192.00)</td>
      <td>美国</td>
      <td>匹兹堡(Pittsburgh)</td>
    </tr>
    <tr>
      <th>472</th>
      <td>473</td>
      <td>--</td>
      <td>海亮集团有限公司（HAILIANG GROUP)</td>
      <td>$26,251.00</td>
      <td>$237.60</td>
      <td>中国</td>
      <td>杭州(Hangzhou)</td>
    </tr>
    <tr>
      <th>473</th>
      <td>474</td>
      <td>466</td>
      <td>伟创力公司（FLEX)</td>
      <td>$26,210.50</td>
      <td>$93.40</td>
      <td>新加坡</td>
      <td>阿姆斯特丹(Singapore)</td>
    </tr>
    <tr>
      <th>474</th>
      <td>475</td>
      <td>381</td>
      <td>新兴际华集团（XINXING CATHAY INTERNATIONAL GROUP)</td>
      <td>$26,207.90</td>
      <td>$103.60</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
    </tr>
    <tr>
      <th>475</th>
      <td>476</td>
      <td>474</td>
      <td>阿联酋航空集团（EMIRATES GROUP)</td>
      <td>$26,147.70</td>
      <td>$237.10</td>
      <td>阿拉伯联合酋长国</td>
      <td>迪拜(Dubai)</td>
    </tr>
    <tr>
      <th>476</th>
      <td>477</td>
      <td>486</td>
      <td>Ceconomy 公司（CECONOMY)</td>
      <td>$26,129.40</td>
      <td>($252.20)</td>
      <td>德国</td>
      <td>杜塞尔多夫(Düsseldorf)</td>
    </tr>
    <tr>
      <th>477</th>
      <td>478</td>
      <td>478</td>
      <td>米其林公司（MICHELIN)</td>
      <td>$25,996.70</td>
      <td>$1,979.10</td>
      <td>法国</td>
      <td>克莱蒙费朗(Clermont-Ferrand)</td>
    </tr>
    <tr>
      <th>478</th>
      <td>479</td>
      <td>485</td>
      <td>澳大利亚国民银行（NATIONAL AUSTRALIA BANK)</td>
      <td>$25,942.70</td>
      <td>$4,220.60</td>
      <td>澳大利亚</td>
      <td>多克兰兹(Docklands)</td>
    </tr>
    <tr>
      <th>479</th>
      <td>480</td>
      <td>459</td>
      <td>亿滋国际（MONDELEZ INTERNATIONAL)</td>
      <td>$25,938.00</td>
      <td>$3,381.00</td>
      <td>美国</td>
      <td>诺斯菲尔德(Deerfield)</td>
    </tr>
    <tr>
      <th>480</th>
      <td>481</td>
      <td>480</td>
      <td>阿迪达斯集团（ADIDAS)</td>
      <td>$25,920.00</td>
      <td>$2,008.60</td>
      <td>德国</td>
      <td>黑措根奥拉赫(Herzogenaurach)</td>
    </tr>
    <tr>
      <th>481</th>
      <td>482</td>
      <td>481</td>
      <td>山西晋城无烟煤矿业集团（SHANXI JINCHENG ANTHRACITE COAL MI...</td>
      <td>$25,844.70</td>
      <td>$52.60</td>
      <td>中国</td>
      <td>晋城(Jincheng)</td>
    </tr>
    <tr>
      <th>482</th>
      <td>483</td>
      <td>492</td>
      <td>荷兰合作银行集团（RABOBANK GROUP)</td>
      <td>$25,823.30</td>
      <td>$2,235.20</td>
      <td>荷兰</td>
      <td>乌得勒支(Utrecht)</td>
    </tr>
    <tr>
      <th>483</th>
      <td>484</td>
      <td>496</td>
      <td>河南能源化工集团（HENAN ENERGY &amp; CHEMICAL)</td>
      <td>$25,781.90</td>
      <td>($133.30)</td>
      <td>中国</td>
      <td>郑州(Zhengzhou)</td>
    </tr>
    <tr>
      <th>484</th>
      <td>485</td>
      <td>--</td>
      <td>中国通用技术 (集团) 控股有限责任公司（CHINA GENERAL TECHNOLOGY)</td>
      <td>$25,779.10</td>
      <td>$442.70</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
    </tr>
    <tr>
      <th>485</th>
      <td>486</td>
      <td>490</td>
      <td>美国合众银行（U.S. BANCORP)</td>
      <td>$25,775.00</td>
      <td>$7,096.00</td>
      <td>美国</td>
      <td>明尼阿波利斯(Minneapolis)</td>
    </tr>
    <tr>
      <th>486</th>
      <td>487</td>
      <td>473</td>
      <td>梅西百货（MACY'S)</td>
      <td>$25,739.00</td>
      <td>$1,108.00</td>
      <td>美国</td>
      <td>辛辛那提(Cincinnati)</td>
    </tr>
    <tr>
      <th>487</th>
      <td>488</td>
      <td>487</td>
      <td>Fomento Económico Mexicano 公司（FOMENTO ECON?MIC...</td>
      <td>$25,679.00</td>
      <td>$1,247.30</td>
      <td>墨西哥</td>
      <td>蒙特雷(Monterrey)</td>
    </tr>
    <tr>
      <th>488</th>
      <td>489</td>
      <td>--</td>
      <td>Dollar General 公司（DOLLAR GENERAL)</td>
      <td>$25,625.00</td>
      <td>$1,589.50</td>
      <td>美国</td>
      <td>古德利茨维尔(Goodlettsville)</td>
    </tr>
    <tr>
      <th>489</th>
      <td>490</td>
      <td>--</td>
      <td>LG 化学公司（LG CHEM)</td>
      <td>$25,617.30</td>
      <td>$1,338.50</td>
      <td>韩国</td>
      <td>首尔(Seoul)</td>
    </tr>
    <tr>
      <th>490</th>
      <td>491</td>
      <td>447</td>
      <td>Onex 公司（ONEX)</td>
      <td>$25,606.00</td>
      <td>($663.00)</td>
      <td>加拿大</td>
      <td>多伦多(Toronto, Ontario)</td>
    </tr>
    <tr>
      <th>491</th>
      <td>492</td>
      <td>--</td>
      <td>台塑石化股份有限公司（FORMOSA PETROCHEMICAL)</td>
      <td>$25,462.80</td>
      <td>$1,993.40</td>
      <td>中国</td>
      <td>麦寮(Mailiao)</td>
    </tr>
    <tr>
      <th>492</th>
      <td>493</td>
      <td>--</td>
      <td>赛峰集团（SAFRAN)</td>
      <td>$25,191.90</td>
      <td>$1,514.20</td>
      <td>法国</td>
      <td>巴黎(Paris)</td>
    </tr>
    <tr>
      <th>493</th>
      <td>494</td>
      <td>472</td>
      <td>Achmea 公司（ACHMEA)</td>
      <td>$25,180.10</td>
      <td>$370.60</td>
      <td>荷兰</td>
      <td>泽斯特(Zeist)</td>
    </tr>
    <tr>
      <th>494</th>
      <td>495</td>
      <td>405</td>
      <td>Rajesh Exports 公司（RAJESH EXPORTS)</td>
      <td>$25,142.60</td>
      <td>$184.80</td>
      <td>印度</td>
      <td>班加罗尔(Bengaluru)</td>
    </tr>
    <tr>
      <th>495</th>
      <td>496</td>
      <td>--</td>
      <td>纽柯（NUCOR)</td>
      <td>$25,067.30</td>
      <td>$2,360.80</td>
      <td>美国</td>
      <td>夏洛特市(Charlotte)</td>
    </tr>
    <tr>
      <th>496</th>
      <td>497</td>
      <td>--</td>
      <td>蒙特利尔银行（BANK OF MONTREAL)</td>
      <td>$25,002.70</td>
      <td>$4,235.10</td>
      <td>加拿大</td>
      <td>多伦多(Toronto, Ontario)</td>
    </tr>
    <tr>
      <th>497</th>
      <td>498</td>
      <td>489</td>
      <td>泰康保险集团（TAIKANG INSURANCE GROUP)</td>
      <td>$24,931.70</td>
      <td>$1,794.60</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
    </tr>
    <tr>
      <th>498</th>
      <td>499</td>
      <td>470</td>
      <td>Ultrapar 控股公司（ULTRAPAR HOLDINGS)</td>
      <td>$24,816.00</td>
      <td>$314.80</td>
      <td>巴西</td>
      <td>圣保罗(Seo Paulo)</td>
    </tr>
    <tr>
      <th>499</th>
      <td>500</td>
      <td>--</td>
      <td>法国液化空气集团（AIR LIQUIDE)</td>
      <td>$24,796.60</td>
      <td>$2,494.20</td>
      <td>法国</td>
      <td>巴黎(Paris)</td>
    </tr>
  </tbody>
</table>
<p>500 rows × 7 columns</p>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#20381;&#25454;&#26368;&#26032;&#21457;&#24067;&#30340;2019&#24180;&#27036;&#21333;&#25968;&#25454;&#65292;&#20102;&#35299;&#20840;&#29699;&#26368;&#22823;&#20225;&#19994;&#30340;&#26368;&#26032;&#21457;&#23637;&#36235;&#21183;&#12290;&#36890;&#36807;&#32437;&#21521;&#19981;&#21516;&#24180;&#20221;&#21644;&#27178;&#21521;&#19981;&#21516;&#34892;&#19994;&#30340;&#27604;&#36739;&#65292;&#20102;&#35299;&#20225;&#19994;&#20844;&#21496;&#33829;&#19994;&#25910;&#20837;&#19982;&#21033;&#28070;&#31561;&#32463;&#33829;&#36136;&#37327;&#30340;&#21464;&#21270;&#12290;&#21516;&#26102;&#28145;&#20837;&#21040;&#22269;&#23478;&#25110;&#22320;&#21306;&#30340;&#30740;&#31350;&#21487;&#20197;&#25581;&#31034;&#22823;&#20225;&#19994;&#32676;&#20307;&#20998;&#24067;&#30340;&#21464;&#21270;&#12290;">&#20381;&#25454;&#26368;&#26032;&#21457;&#24067;&#30340;2019&#24180;&#27036;&#21333;&#25968;&#25454;&#65292;&#20102;&#35299;&#20840;&#29699;&#26368;&#22823;&#20225;&#19994;&#30340;&#26368;&#26032;&#21457;&#23637;&#36235;&#21183;&#12290;&#36890;&#36807;&#32437;&#21521;&#19981;&#21516;&#24180;&#20221;&#21644;&#27178;&#21521;&#19981;&#21516;&#34892;&#19994;&#30340;&#27604;&#36739;&#65292;&#20102;&#35299;&#20225;&#19994;&#20844;&#21496;&#33829;&#19994;&#25910;&#20837;&#19982;&#21033;&#28070;&#31561;&#32463;&#33829;&#36136;&#37327;&#30340;&#21464;&#21270;&#12290;&#21516;&#26102;&#28145;&#20837;&#21040;&#22269;&#23478;&#25110;&#22320;&#21306;&#30340;&#30740;&#31350;&#21487;&#20197;&#25581;&#31034;&#22823;&#20225;&#19994;&#32676;&#20307;&#20998;&#24067;&#30340;&#21464;&#21270;&#12290;<a class="anchor-link" href="#&#20381;&#25454;&#26368;&#26032;&#21457;&#24067;&#30340;2019&#24180;&#27036;&#21333;&#25968;&#25454;&#65292;&#20102;&#35299;&#20840;&#29699;&#26368;&#22823;&#20225;&#19994;&#30340;&#26368;&#26032;&#21457;&#23637;&#36235;&#21183;&#12290;&#36890;&#36807;&#32437;&#21521;&#19981;&#21516;&#24180;&#20221;&#21644;&#27178;&#21521;&#19981;&#21516;&#34892;&#19994;&#30340;&#27604;&#36739;&#65292;&#20102;&#35299;&#20225;&#19994;&#20844;&#21496;&#33829;&#19994;&#25910;&#20837;&#19982;&#21033;&#28070;&#31561;&#32463;&#33829;&#36136;&#37327;&#30340;&#21464;&#21270;&#12290;&#21516;&#26102;&#28145;&#20837;&#21040;&#22269;&#23478;&#25110;&#22320;&#21306;&#30340;&#30740;&#31350;&#21487;&#20197;&#25581;&#31034;&#22823;&#20225;&#19994;&#32676;&#20307;&#20998;&#24067;&#30340;&#21464;&#21270;&#12290;">&#182;</a></h3>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[16]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">统计2019世界500强公司各国数量</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">groupby</span><span class="p">([</span><span class="s1">&#39;country&#39;</span><span class="p">],</span><span class="n">as_index</span><span class="o">=</span><span class="kc">False</span><span class="p">)[</span><span class="s1">&#39;country&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">agg</span><span class="p">({</span><span class="s1">&#39;cnt&#39;</span><span class="p">:</span><span class="s1">&#39;count&#39;</span><span class="p">})</span>
<span class="n">各国2019数量排序</span> <span class="o">=</span> <span class="n">统计2019世界500强公司各国数量</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">统计2019世界500强公司各国数量</span><span class="p">[</span><span class="s1">&#39;cnt&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">abs</span><span class="p">()</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span>
<span class="n">各国2019数量排序</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[16]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>country</th>
      <th>cnt</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>中国</td>
      <td>129</td>
    </tr>
    <tr>
      <th>25</th>
      <td>美国</td>
      <td>121</td>
    </tr>
    <tr>
      <th>15</th>
      <td>日本</td>
      <td>52</td>
    </tr>
    <tr>
      <th>18</th>
      <td>法国</td>
      <td>31</td>
    </tr>
    <tr>
      <th>11</th>
      <td>德国</td>
      <td>29</td>
    </tr>
    <tr>
      <th>27</th>
      <td>英国</td>
      <td>16</td>
    </tr>
    <tr>
      <th>32</th>
      <td>韩国</td>
      <td>16</td>
    </tr>
    <tr>
      <th>24</th>
      <td>瑞士</td>
      <td>14</td>
    </tr>
    <tr>
      <th>3</th>
      <td>加拿大</td>
      <td>13</td>
    </tr>
    <tr>
      <th>29</th>
      <td>荷兰</td>
      <td>11</td>
    </tr>
    <tr>
      <th>30</th>
      <td>西班牙</td>
      <td>9</td>
    </tr>
    <tr>
      <th>10</th>
      <td>巴西</td>
      <td>8</td>
    </tr>
    <tr>
      <th>5</th>
      <td>印度</td>
      <td>7</td>
    </tr>
    <tr>
      <th>21</th>
      <td>澳大利亚</td>
      <td>7</td>
    </tr>
    <tr>
      <th>12</th>
      <td>意大利</td>
      <td>6</td>
    </tr>
    <tr>
      <th>8</th>
      <td>墨西哥</td>
      <td>4</td>
    </tr>
    <tr>
      <th>22</th>
      <td>爱尔兰</td>
      <td>4</td>
    </tr>
    <tr>
      <th>2</th>
      <td>俄罗斯</td>
      <td>4</td>
    </tr>
    <tr>
      <th>14</th>
      <td>新加坡</td>
      <td>3</td>
    </tr>
    <tr>
      <th>17</th>
      <td>沙特阿拉伯</td>
      <td>2</td>
    </tr>
    <tr>
      <th>6</th>
      <td>印度尼西亚</td>
      <td>1</td>
    </tr>
    <tr>
      <th>4</th>
      <td>卢森堡</td>
      <td>1</td>
    </tr>
    <tr>
      <th>7</th>
      <td>土耳其</td>
      <td>1</td>
    </tr>
    <tr>
      <th>1</th>
      <td>丹麦</td>
      <td>1</td>
    </tr>
    <tr>
      <th>33</th>
      <td>马来西亚</td>
      <td>1</td>
    </tr>
    <tr>
      <th>9</th>
      <td>奥地利</td>
      <td>1</td>
    </tr>
    <tr>
      <th>13</th>
      <td>挪威</td>
      <td>1</td>
    </tr>
    <tr>
      <th>19</th>
      <td>波兰</td>
      <td>1</td>
    </tr>
    <tr>
      <th>20</th>
      <td>泰国</td>
      <td>1</td>
    </tr>
    <tr>
      <th>23</th>
      <td>瑞典</td>
      <td>1</td>
    </tr>
    <tr>
      <th>26</th>
      <td>芬兰</td>
      <td>1</td>
    </tr>
    <tr>
      <th>28</th>
      <td>英国/荷兰</td>
      <td>1</td>
    </tr>
    <tr>
      <th>31</th>
      <td>阿拉伯联合酋长国</td>
      <td>1</td>
    </tr>
    <tr>
      <th>16</th>
      <td>比利时</td>
      <td>1</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="2019&#24180;&#20013;&#22269;&#22823;&#20844;&#21496;&#25968;&#37327;&#39318;&#27425;&#19982;&#32654;&#22269;&#24182;&#39550;&#40784;&#39537;&#65292;&#26377;-129-&#23478;&#26469;&#33258;&#20013;&#22269;&#65292;&#21382;&#21490;&#19978;&#39318;&#27425;&#36229;&#36807;&#32654;&#22269;&#65288;121-&#23478;&#65289;&#12290;">2019&#24180;&#20013;&#22269;&#22823;&#20844;&#21496;&#25968;&#37327;&#39318;&#27425;&#19982;&#32654;&#22269;&#24182;&#39550;&#40784;&#39537;&#65292;&#26377; 129 &#23478;&#26469;&#33258;&#20013;&#22269;&#65292;&#21382;&#21490;&#19978;&#39318;&#27425;&#36229;&#36807;&#32654;&#22269;&#65288;121 &#23478;&#65289;&#12290;<a class="anchor-link" href="#2019&#24180;&#20013;&#22269;&#22823;&#20844;&#21496;&#25968;&#37327;&#39318;&#27425;&#19982;&#32654;&#22269;&#24182;&#39550;&#40784;&#39537;&#65292;&#26377;-129-&#23478;&#26469;&#33258;&#20013;&#22269;&#65292;&#21382;&#21490;&#19978;&#39318;&#27425;&#36229;&#36807;&#32654;&#22269;&#65288;121-&#23478;&#65289;&#12290;">&#182;</a></h3>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[24]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">国家名称</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">各国2019数量排序</span><span class="p">[</span><span class="s1">&#39;country&#39;</span><span class="p">])</span>
<span class="n">国家公司出现数量</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">各国2019数量排序</span><span class="p">[</span><span class="s1">&#39;cnt&#39;</span><span class="p">])</span>

<span class="n">国家名称与公司</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">zip</span><span class="p">(</span><span class="nb">list</span><span class="p">(</span><span class="n">各国2019数量排序</span><span class="p">[</span><span class="s1">&#39;country&#39;</span><span class="p">]),</span><span class="nb">list</span><span class="p">(</span><span class="n">各国2019数量排序</span><span class="p">[</span><span class="s1">&#39;cnt&#39;</span><span class="p">])))</span> 
<span class="nb">print</span><span class="p">(</span><span class="n">国家名称与公司</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[(&#39;中国&#39;, 129), (&#39;美国&#39;, 121), (&#39;日本&#39;, 52), (&#39;法国&#39;, 31), (&#39;德国&#39;, 29), (&#39;英国&#39;, 16), (&#39;韩国&#39;, 16), (&#39;瑞士&#39;, 14), (&#39;加拿大&#39;, 13), (&#39;荷兰&#39;, 11), (&#39;西班牙&#39;, 9), (&#39;巴西&#39;, 8), (&#39;印度&#39;, 7), (&#39;澳大利亚&#39;, 7), (&#39;意大利&#39;, 6), (&#39;墨西哥&#39;, 4), (&#39;爱尔兰&#39;, 4), (&#39;俄罗斯&#39;, 4), (&#39;新加坡&#39;, 3), (&#39;沙特阿拉伯&#39;, 2), (&#39;印度尼西亚&#39;, 1), (&#39;卢森堡&#39;, 1), (&#39;土耳其&#39;, 1), (&#39;丹麦&#39;, 1), (&#39;马来西亚&#39;, 1), (&#39;奥地利&#39;, 1), (&#39;挪威&#39;, 1), (&#39;波兰&#39;, 1), (&#39;泰国&#39;, 1), (&#39;瑞典&#39;, 1), (&#39;芬兰&#39;, 1), (&#39;英国/荷兰&#39;, 1), (&#39;阿拉伯联合酋长国&#39;, 1), (&#39;比利时&#39;, 1)]
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[18]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 制作条形图1</span>

<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Bar</span>


<span class="k">def</span> <span class="nf">bar_base</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">国家名称</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;国家&quot;</span><span class="p">,</span> <span class="n">国家公司出现数量</span> <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年全球500强公司数量统计&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;各国公司数量对比&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>


<span class="n">bar_base</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>   <span class="c1"># [pyecharts x 轴不能完全显示的问题解决,用了评论的解决办法](https://blog.csdn.net/huangwencai123/article/details/100069518)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[18]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="e457104fc4314b51aed6abdaddf425c7" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_e457104fc4314b51aed6abdaddf425c7 = echarts.init(
                    document.getElementById('e457104fc4314b51aed6abdaddf425c7'), 'white', {renderer: 'canvas'});
                var option_e457104fc4314b51aed6abdaddf425c7 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#d48265",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u56fd\u5bb6",
            "data": [
                129,
                121,
                52,
                31,
                29,
                16,
                16,
                14,
                13,
                11,
                9,
                8,
                7,
                7,
                6,
                4,
                4,
                4,
                3,
                2,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u56fd\u5bb6"
            ],
            "selected": {
                "\u56fd\u5bb6": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u4e2d\u56fd",
                "\u7f8e\u56fd",
                "\u65e5\u672c",
                "\u6cd5\u56fd",
                "\u5fb7\u56fd",
                "\u82f1\u56fd",
                "\u97e9\u56fd",
                "\u745e\u58eb",
                "\u52a0\u62ff\u5927",
                "\u8377\u5170",
                "\u897f\u73ed\u7259",
                "\u5df4\u897f",
                "\u5370\u5ea6",
                "\u6fb3\u5927\u5229\u4e9a",
                "\u610f\u5927\u5229",
                "\u58a8\u897f\u54e5",
                "\u7231\u5c14\u5170",
                "\u4fc4\u7f57\u65af",
                "\u65b0\u52a0\u5761",
                "\u6c99\u7279\u963f\u62c9\u4f2f",
                "\u5370\u5ea6\u5c3c\u897f\u4e9a",
                "\u5362\u68ee\u5821",
                "\u571f\u8033\u5176",
                "\u4e39\u9ea6",
                "\u9a6c\u6765\u897f\u4e9a",
                "\u5965\u5730\u5229",
                "\u632a\u5a01",
                "\u6ce2\u5170",
                "\u6cf0\u56fd",
                "\u745e\u5178",
                "\u82ac\u5170",
                "\u82f1\u56fd/\u8377\u5170",
                "\u963f\u62c9\u4f2f\u8054\u5408\u914b\u957f\u56fd",
                "\u6bd4\u5229\u65f6"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u5e74\u5168\u7403500\u5f3a\u516c\u53f8\u6570\u91cf\u7edf\u8ba1",
            "subtext": "\u5404\u56fd\u516c\u53f8\u6570\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_e457104fc4314b51aed6abdaddf425c7.setOption(option_e457104fc4314b51aed6abdaddf425c7);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[20]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">bar_reversal_axis</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">国家名称</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;国家&quot;</span><span class="p">,</span> <span class="n">国家公司出现数量</span> <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">reversal_axis</span><span class="p">()</span>
        <span class="o">.</span><span class="n">set_series_opts</span><span class="p">(</span><span class="n">label_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">position</span><span class="o">=</span><span class="s2">&quot;right&quot;</span><span class="p">))</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span><span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年全球500强公司数量统计&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;各国公司数量对比&quot;</span><span class="p">))</span> 
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span> <span class="c1"># 这个不需要来倾斜字体因为是可以展开的所以就没有 xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=50)的全局变量</span>


<span class="n">bar_reversal_axis</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[20]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="9eb410fc0c18471c9d38974e13bdca4b" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_9eb410fc0c18471c9d38974e13bdca4b = echarts.init(
                    document.getElementById('9eb410fc0c18471c9d38974e13bdca4b'), 'white', {renderer: 'canvas'});
                var option_9eb410fc0c18471c9d38974e13bdca4b = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#bda29a",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u56fd\u5bb6",
            "data": [
                129,
                121,
                52,
                31,
                29,
                16,
                16,
                14,
                13,
                11,
                9,
                8,
                7,
                7,
                6,
                4,
                4,
                4,
                3,
                2,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "right",
                "margin": 8
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u56fd\u5bb6"
            ],
            "selected": {
                "\u56fd\u5bb6": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u4e2d\u56fd",
                "\u7f8e\u56fd",
                "\u65e5\u672c",
                "\u6cd5\u56fd",
                "\u5fb7\u56fd",
                "\u82f1\u56fd",
                "\u97e9\u56fd",
                "\u745e\u58eb",
                "\u52a0\u62ff\u5927",
                "\u8377\u5170",
                "\u897f\u73ed\u7259",
                "\u5df4\u897f",
                "\u5370\u5ea6",
                "\u6fb3\u5927\u5229\u4e9a",
                "\u610f\u5927\u5229",
                "\u58a8\u897f\u54e5",
                "\u7231\u5c14\u5170",
                "\u4fc4\u7f57\u65af",
                "\u65b0\u52a0\u5761",
                "\u6c99\u7279\u963f\u62c9\u4f2f",
                "\u5370\u5ea6\u5c3c\u897f\u4e9a",
                "\u5362\u68ee\u5821",
                "\u571f\u8033\u5176",
                "\u4e39\u9ea6",
                "\u9a6c\u6765\u897f\u4e9a",
                "\u5965\u5730\u5229",
                "\u632a\u5a01",
                "\u6ce2\u5170",
                "\u6cf0\u56fd",
                "\u745e\u5178",
                "\u82ac\u5170",
                "\u82f1\u56fd/\u8377\u5170",
                "\u963f\u62c9\u4f2f\u8054\u5408\u914b\u957f\u56fd",
                "\u6bd4\u5229\u65f6"
            ]
        }
    ],
    "title": [
        {
            "text": "2019\u5e74\u5168\u7403500\u5f3a\u516c\u53f8\u6570\u91cf\u7edf\u8ba1",
            "subtext": "\u5404\u56fd\u516c\u53f8\u6570\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_9eb410fc0c18471c9d38974e13bdca4b.setOption(option_9eb410fc0c18471c9d38974e13bdca4b);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[21]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">bar_datazoom_slider</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">国家名称</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;国家&quot;</span><span class="p">,</span><span class="n">国家公司出现数量</span> <span class="p">,</span> <span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年全球500强公司数量统计&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;各国公司数量对比&quot;</span><span class="p">),</span>
            <span class="n">datazoom_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">DataZoomOpts</span><span class="p">(),</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="c1"># 这个扩展性比较强，拉动可以全部显示出来国家的全称</span>

<span class="n">bar_datazoom_slider</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[21]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="a96ebfea901e47cda95e371130e78fb1" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_a96ebfea901e47cda95e371130e78fb1 = echarts.init(
                    document.getElementById('a96ebfea901e47cda95e371130e78fb1'), 'white', {renderer: 'canvas'});
                var option_a96ebfea901e47cda95e371130e78fb1 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#546570",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u56fd\u5bb6",
            "data": [
                129,
                121,
                52,
                31,
                29,
                16,
                16,
                14,
                13,
                11,
                9,
                8,
                7,
                7,
                6,
                4,
                4,
                4,
                3,
                2,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u56fd\u5bb6"
            ],
            "selected": {
                "\u56fd\u5bb6": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u4e2d\u56fd",
                "\u7f8e\u56fd",
                "\u65e5\u672c",
                "\u6cd5\u56fd",
                "\u5fb7\u56fd",
                "\u82f1\u56fd",
                "\u97e9\u56fd",
                "\u745e\u58eb",
                "\u52a0\u62ff\u5927",
                "\u8377\u5170",
                "\u897f\u73ed\u7259",
                "\u5df4\u897f",
                "\u5370\u5ea6",
                "\u6fb3\u5927\u5229\u4e9a",
                "\u610f\u5927\u5229",
                "\u58a8\u897f\u54e5",
                "\u7231\u5c14\u5170",
                "\u4fc4\u7f57\u65af",
                "\u65b0\u52a0\u5761",
                "\u6c99\u7279\u963f\u62c9\u4f2f",
                "\u5370\u5ea6\u5c3c\u897f\u4e9a",
                "\u5362\u68ee\u5821",
                "\u571f\u8033\u5176",
                "\u4e39\u9ea6",
                "\u9a6c\u6765\u897f\u4e9a",
                "\u5965\u5730\u5229",
                "\u632a\u5a01",
                "\u6ce2\u5170",
                "\u6cf0\u56fd",
                "\u745e\u5178",
                "\u82ac\u5170",
                "\u82f1\u56fd/\u8377\u5170",
                "\u963f\u62c9\u4f2f\u8054\u5408\u914b\u957f\u56fd",
                "\u6bd4\u5229\u65f6"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u5e74\u5168\u7403500\u5f3a\u516c\u53f8\u6570\u91cf\u7edf\u8ba1",
            "subtext": "\u5404\u56fd\u516c\u53f8\u6570\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ],
    "dataZoom": {
        "show": true,
        "type": "slider",
        "realtime": true,
        "start": 20,
        "end": 80,
        "orient": "horizontal",
        "zoomLock": false
    }
};
                chart_a96ebfea901e47cda95e371130e78fb1.setOption(option_a96ebfea901e47cda95e371130e78fb1);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[22]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 制作饼图2</span>
<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Pie</span>

<span class="k">def</span> <span class="nf">pie_radius</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Pie</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Pie</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add</span><span class="p">(</span>
            <span class="s2">&quot;国家&quot;</span><span class="p">,</span>
            <span class="p">[</span><span class="nb">list</span><span class="p">(</span><span class="n">z</span><span class="p">)</span> <span class="k">for</span> <span class="n">z</span> <span class="ow">in</span> <span class="nb">zip</span><span class="p">(</span><span class="n">国家名称</span><span class="p">,</span> <span class="n">国家公司出现数量</span><span class="p">)],</span>
            <span class="n">radius</span><span class="o">=</span><span class="p">[</span><span class="s2">&quot;40%&quot;</span><span class="p">,</span> <span class="s2">&quot;75%&quot;</span><span class="p">],</span>
        <span class="p">)</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年全球500强公司数量统计&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;各国公司数量对比&quot;</span><span class="p">),</span>
            <span class="n">legend_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LegendOpts</span><span class="p">(</span>
                <span class="n">orient</span><span class="o">=</span><span class="s2">&quot;vertical&quot;</span><span class="p">,</span> <span class="n">pos_top</span><span class="o">=</span><span class="s2">&quot;15%&quot;</span><span class="p">,</span> <span class="n">pos_left</span><span class="o">=</span><span class="s2">&quot;2%&quot;</span>
            <span class="p">),</span>
        <span class="p">)</span>
        <span class="o">.</span><span class="n">set_series_opts</span><span class="p">(</span><span class="n">label_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">formatter</span><span class="o">=</span><span class="s2">&quot;</span><span class="si">{b}</span><span class="s2">: </span><span class="si">{c}</span><span class="s2">&quot;</span><span class="p">))</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="n">pie_radius</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[22]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="6ba54cd718eb4fc6a4c951217b1f9aab" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_6ba54cd718eb4fc6a4c951217b1f9aab = echarts.init(
                    document.getElementById('6ba54cd718eb4fc6a4c951217b1f9aab'), 'white', {renderer: 'canvas'});
                var option_6ba54cd718eb4fc6a4c951217b1f9aab = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "pie",
            "name": "\u56fd\u5bb6",
            "clockwise": true,
            "data": [
                {
                    "name": "\u4e2d\u56fd",
                    "value": 129
                },
                {
                    "name": "\u7f8e\u56fd",
                    "value": 121
                },
                {
                    "name": "\u65e5\u672c",
                    "value": 52
                },
                {
                    "name": "\u6cd5\u56fd",
                    "value": 31
                },
                {
                    "name": "\u5fb7\u56fd",
                    "value": 29
                },
                {
                    "name": "\u82f1\u56fd",
                    "value": 16
                },
                {
                    "name": "\u97e9\u56fd",
                    "value": 16
                },
                {
                    "name": "\u745e\u58eb",
                    "value": 14
                },
                {
                    "name": "\u52a0\u62ff\u5927",
                    "value": 13
                },
                {
                    "name": "\u8377\u5170",
                    "value": 11
                },
                {
                    "name": "\u897f\u73ed\u7259",
                    "value": 9
                },
                {
                    "name": "\u5df4\u897f",
                    "value": 8
                },
                {
                    "name": "\u5370\u5ea6",
                    "value": 7
                },
                {
                    "name": "\u6fb3\u5927\u5229\u4e9a",
                    "value": 7
                },
                {
                    "name": "\u610f\u5927\u5229",
                    "value": 6
                },
                {
                    "name": "\u58a8\u897f\u54e5",
                    "value": 4
                },
                {
                    "name": "\u7231\u5c14\u5170",
                    "value": 4
                },
                {
                    "name": "\u4fc4\u7f57\u65af",
                    "value": 4
                },
                {
                    "name": "\u65b0\u52a0\u5761",
                    "value": 3
                },
                {
                    "name": "\u6c99\u7279\u963f\u62c9\u4f2f",
                    "value": 2
                },
                {
                    "name": "\u5370\u5ea6\u5c3c\u897f\u4e9a",
                    "value": 1
                },
                {
                    "name": "\u5362\u68ee\u5821",
                    "value": 1
                },
                {
                    "name": "\u571f\u8033\u5176",
                    "value": 1
                },
                {
                    "name": "\u4e39\u9ea6",
                    "value": 1
                },
                {
                    "name": "\u9a6c\u6765\u897f\u4e9a",
                    "value": 1
                },
                {
                    "name": "\u5965\u5730\u5229",
                    "value": 1
                },
                {
                    "name": "\u632a\u5a01",
                    "value": 1
                },
                {
                    "name": "\u6ce2\u5170",
                    "value": 1
                },
                {
                    "name": "\u6cf0\u56fd",
                    "value": 1
                },
                {
                    "name": "\u745e\u5178",
                    "value": 1
                },
                {
                    "name": "\u82ac\u5170",
                    "value": 1
                },
                {
                    "name": "\u82f1\u56fd/\u8377\u5170",
                    "value": 1
                },
                {
                    "name": "\u963f\u62c9\u4f2f\u8054\u5408\u914b\u957f\u56fd",
                    "value": 1
                },
                {
                    "name": "\u6bd4\u5229\u65f6",
                    "value": 1
                }
            ],
            "radius": [
                "40%",
                "75%"
            ],
            "center": [
                "50%",
                "50%"
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8,
                "formatter": "{b}: {c}"
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u56fd",
                "\u7f8e\u56fd",
                "\u65e5\u672c",
                "\u6cd5\u56fd",
                "\u5fb7\u56fd",
                "\u82f1\u56fd",
                "\u97e9\u56fd",
                "\u745e\u58eb",
                "\u52a0\u62ff\u5927",
                "\u8377\u5170",
                "\u897f\u73ed\u7259",
                "\u5df4\u897f",
                "\u5370\u5ea6",
                "\u6fb3\u5927\u5229\u4e9a",
                "\u610f\u5927\u5229",
                "\u58a8\u897f\u54e5",
                "\u7231\u5c14\u5170",
                "\u4fc4\u7f57\u65af",
                "\u65b0\u52a0\u5761",
                "\u6c99\u7279\u963f\u62c9\u4f2f",
                "\u5370\u5ea6\u5c3c\u897f\u4e9a",
                "\u5362\u68ee\u5821",
                "\u571f\u8033\u5176",
                "\u4e39\u9ea6",
                "\u9a6c\u6765\u897f\u4e9a",
                "\u5965\u5730\u5229",
                "\u632a\u5a01",
                "\u6ce2\u5170",
                "\u6cf0\u56fd",
                "\u745e\u5178",
                "\u82ac\u5170",
                "\u82f1\u56fd/\u8377\u5170",
                "\u963f\u62c9\u4f2f\u8054\u5408\u914b\u957f\u56fd",
                "\u6bd4\u5229\u65f6"
            ],
            "selected": {},
            "show": true,
            "left": "2%",
            "top": "15%",
            "orient": "vertical",
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "Pie-Radius",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_6ba54cd718eb4fc6a4c951217b1f9aab.setOption(option_6ba54cd718eb4fc6a4c951217b1f9aab);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[23]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">pie_scroll_legend</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Pie</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Pie</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add</span><span class="p">(</span>
            <span class="s2">&quot;&quot;</span><span class="p">,</span>
            <span class="p">[</span>
                <span class="nb">list</span><span class="p">(</span><span class="n">z</span><span class="p">)</span>
                <span class="k">for</span> <span class="n">z</span> <span class="ow">in</span> <span class="nb">zip</span><span class="p">(</span>
                    <span class="n">国家名称</span><span class="p">,</span> <span class="c1"># Faker.choose() + Faker.choose() + Faker.choose(),</span>
                    <span class="n">国家公司出现数量</span><span class="p">,</span>     <span class="c1"># Faker.values() + Faker.values() + Faker.values(),</span>
                <span class="p">)</span>
            <span class="p">],</span>
            <span class="n">center</span><span class="o">=</span><span class="p">[</span><span class="s2">&quot;40%&quot;</span><span class="p">,</span> <span class="s2">&quot;50%&quot;</span><span class="p">],</span>
        <span class="p">)</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年全球500强公司数量统计&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;各国公司数量对比&quot;</span><span class="p">),</span>
            <span class="n">legend_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LegendOpts</span><span class="p">(</span>
                <span class="n">type_</span><span class="o">=</span><span class="s2">&quot;scroll&quot;</span><span class="p">,</span> <span class="n">pos_left</span><span class="o">=</span><span class="s2">&quot;80%&quot;</span><span class="p">,</span> <span class="n">orient</span><span class="o">=</span><span class="s2">&quot;vertical&quot;</span>
            <span class="p">),</span>
        <span class="p">)</span>
        <span class="o">.</span><span class="n">set_series_opts</span><span class="p">(</span><span class="n">label_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">formatter</span><span class="o">=</span><span class="s2">&quot;</span><span class="si">{b}</span><span class="s2">: </span><span class="si">{c}</span><span class="s2">&quot;</span><span class="p">))</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="n">pie_scroll_legend</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[23]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="3db4d2ea0d0a49bda448b499bac8633c" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_3db4d2ea0d0a49bda448b499bac8633c = echarts.init(
                    document.getElementById('3db4d2ea0d0a49bda448b499bac8633c'), 'white', {renderer: 'canvas'});
                var option_3db4d2ea0d0a49bda448b499bac8633c = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "pie",
            "clockwise": true,
            "data": [
                {
                    "name": "\u4e2d\u56fd",
                    "value": 129
                },
                {
                    "name": "\u7f8e\u56fd",
                    "value": 121
                },
                {
                    "name": "\u65e5\u672c",
                    "value": 52
                },
                {
                    "name": "\u6cd5\u56fd",
                    "value": 31
                },
                {
                    "name": "\u5fb7\u56fd",
                    "value": 29
                },
                {
                    "name": "\u82f1\u56fd",
                    "value": 16
                },
                {
                    "name": "\u97e9\u56fd",
                    "value": 16
                },
                {
                    "name": "\u745e\u58eb",
                    "value": 14
                },
                {
                    "name": "\u52a0\u62ff\u5927",
                    "value": 13
                },
                {
                    "name": "\u8377\u5170",
                    "value": 11
                },
                {
                    "name": "\u897f\u73ed\u7259",
                    "value": 9
                },
                {
                    "name": "\u5df4\u897f",
                    "value": 8
                },
                {
                    "name": "\u5370\u5ea6",
                    "value": 7
                },
                {
                    "name": "\u6fb3\u5927\u5229\u4e9a",
                    "value": 7
                },
                {
                    "name": "\u610f\u5927\u5229",
                    "value": 6
                },
                {
                    "name": "\u58a8\u897f\u54e5",
                    "value": 4
                },
                {
                    "name": "\u7231\u5c14\u5170",
                    "value": 4
                },
                {
                    "name": "\u4fc4\u7f57\u65af",
                    "value": 4
                },
                {
                    "name": "\u65b0\u52a0\u5761",
                    "value": 3
                },
                {
                    "name": "\u6c99\u7279\u963f\u62c9\u4f2f",
                    "value": 2
                },
                {
                    "name": "\u5370\u5ea6\u5c3c\u897f\u4e9a",
                    "value": 1
                },
                {
                    "name": "\u5362\u68ee\u5821",
                    "value": 1
                },
                {
                    "name": "\u571f\u8033\u5176",
                    "value": 1
                },
                {
                    "name": "\u4e39\u9ea6",
                    "value": 1
                },
                {
                    "name": "\u9a6c\u6765\u897f\u4e9a",
                    "value": 1
                },
                {
                    "name": "\u5965\u5730\u5229",
                    "value": 1
                },
                {
                    "name": "\u632a\u5a01",
                    "value": 1
                },
                {
                    "name": "\u6ce2\u5170",
                    "value": 1
                },
                {
                    "name": "\u6cf0\u56fd",
                    "value": 1
                },
                {
                    "name": "\u745e\u5178",
                    "value": 1
                },
                {
                    "name": "\u82ac\u5170",
                    "value": 1
                },
                {
                    "name": "\u82f1\u56fd/\u8377\u5170",
                    "value": 1
                },
                {
                    "name": "\u963f\u62c9\u4f2f\u8054\u5408\u914b\u957f\u56fd",
                    "value": 1
                },
                {
                    "name": "\u6bd4\u5229\u65f6",
                    "value": 1
                }
            ],
            "radius": [
                "0%",
                "75%"
            ],
            "center": [
                "40%",
                "50%"
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8,
                "formatter": "{b}: {c}"
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u56fd",
                "\u7f8e\u56fd",
                "\u65e5\u672c",
                "\u6cd5\u56fd",
                "\u5fb7\u56fd",
                "\u82f1\u56fd",
                "\u97e9\u56fd",
                "\u745e\u58eb",
                "\u52a0\u62ff\u5927",
                "\u8377\u5170",
                "\u897f\u73ed\u7259",
                "\u5df4\u897f",
                "\u5370\u5ea6",
                "\u6fb3\u5927\u5229\u4e9a",
                "\u610f\u5927\u5229",
                "\u58a8\u897f\u54e5",
                "\u7231\u5c14\u5170",
                "\u4fc4\u7f57\u65af",
                "\u65b0\u52a0\u5761",
                "\u6c99\u7279\u963f\u62c9\u4f2f",
                "\u5370\u5ea6\u5c3c\u897f\u4e9a",
                "\u5362\u68ee\u5821",
                "\u571f\u8033\u5176",
                "\u4e39\u9ea6",
                "\u9a6c\u6765\u897f\u4e9a",
                "\u5965\u5730\u5229",
                "\u632a\u5a01",
                "\u6ce2\u5170",
                "\u6cf0\u56fd",
                "\u745e\u5178",
                "\u82ac\u5170",
                "\u82f1\u56fd/\u8377\u5170",
                "\u963f\u62c9\u4f2f\u8054\u5408\u914b\u957f\u56fd",
                "\u6bd4\u5229\u65f6"
            ],
            "selected": {},
            "type": "scroll",
            "show": true,
            "left": "80%",
            "orient": "vertical",
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "2019\u5e74\u5168\u7403500\u5f3a\u516c\u53f8\u6570\u91cf\u7edf\u8ba1",
            "subtext": "\u5404\u56fd\u516c\u53f8\u6570\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_3db4d2ea0d0a49bda448b499bac8633c.setOption(option_3db4d2ea0d0a49bda448b499bac8633c);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[26]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 词云图</span>

<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Page</span><span class="p">,</span> <span class="n">WordCloud</span>
<span class="kn">from</span> <span class="nn">pyecharts.globals</span> <span class="kn">import</span> <span class="n">SymbolType</span>


<span class="n">words</span> <span class="o">=</span> <span class="n">国家名称与公司</span>


<span class="k">def</span> <span class="nf">wordcloud_diamond</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">WordCloud</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">WordCloud</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="s2">&quot;国家&quot;</span><span class="p">,</span> <span class="n">words</span><span class="p">,</span> <span class="n">word_size_range</span><span class="o">=</span><span class="p">[</span><span class="mi">20</span><span class="p">,</span> <span class="mi">100</span><span class="p">],</span> <span class="n">shape</span><span class="o">=</span><span class="n">SymbolType</span><span class="o">.</span><span class="n">DIAMOND</span><span class="p">)</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span><span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年全球500强公司数量统计&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;各国公司数量对比&quot;</span><span class="p">))</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="n">cnt_wordcloud</span> <span class="o">=</span> <span class="n">wordcloud_diamond</span><span class="p">()</span> <span class="c1"># wordcloud 词云图</span>
<span class="n">cnt_wordcloud</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[26]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min', 'echarts-wordcloud':'https://assets.pyecharts.org/assets/echarts-wordcloud.min'
        }
    });
</script>

        <div id="6fef6288ded84a6cafbf0a930e1de4c0" style="width:900px; height:500px;"></div>

<script>
        require(['echarts', 'echarts-wordcloud'], function(echarts) {
                var chart_6fef6288ded84a6cafbf0a930e1de4c0 = echarts.init(
                    document.getElementById('6fef6288ded84a6cafbf0a930e1de4c0'), 'white', {renderer: 'canvas'});
                var option_6fef6288ded84a6cafbf0a930e1de4c0 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "wordCloud",
            "name": "\u56fd\u5bb6",
            "shape": "diamond",
            "rotationRange": [
                0,
                0
            ],
            "rotationStep": 45,
            "girdSize": 20,
            "sizeRange": [
                20,
                100
            ],
            "data": [
                {
                    "name": "\u4e2d\u56fd",
                    "value": 129,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(129,43,148)"
                        }
                    }
                },
                {
                    "name": "\u7f8e\u56fd",
                    "value": 121,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(98,152,66)"
                        }
                    }
                },
                {
                    "name": "\u65e5\u672c",
                    "value": 52,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(60,47,114)"
                        }
                    }
                },
                {
                    "name": "\u6cd5\u56fd",
                    "value": 31,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(124,76,39)"
                        }
                    }
                },
                {
                    "name": "\u5fb7\u56fd",
                    "value": 29,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(55,44,147)"
                        }
                    }
                },
                {
                    "name": "\u82f1\u56fd",
                    "value": 16,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(139,120,3)"
                        }
                    }
                },
                {
                    "name": "\u97e9\u56fd",
                    "value": 16,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(8,38,33)"
                        }
                    }
                },
                {
                    "name": "\u745e\u58eb",
                    "value": 14,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(73,15,58)"
                        }
                    }
                },
                {
                    "name": "\u52a0\u62ff\u5927",
                    "value": 13,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(26,63,137)"
                        }
                    }
                },
                {
                    "name": "\u8377\u5170",
                    "value": 11,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(58,33,113)"
                        }
                    }
                },
                {
                    "name": "\u897f\u73ed\u7259",
                    "value": 9,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(25,101,80)"
                        }
                    }
                },
                {
                    "name": "\u5df4\u897f",
                    "value": 8,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(114,13,100)"
                        }
                    }
                },
                {
                    "name": "\u5370\u5ea6",
                    "value": 7,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(137,122,41)"
                        }
                    }
                },
                {
                    "name": "\u6fb3\u5927\u5229\u4e9a",
                    "value": 7,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(103,79,70)"
                        }
                    }
                },
                {
                    "name": "\u610f\u5927\u5229",
                    "value": 6,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(93,28,73)"
                        }
                    }
                },
                {
                    "name": "\u58a8\u897f\u54e5",
                    "value": 4,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(131,129,35)"
                        }
                    }
                },
                {
                    "name": "\u7231\u5c14\u5170",
                    "value": 4,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(156,146,85)"
                        }
                    }
                },
                {
                    "name": "\u4fc4\u7f57\u65af",
                    "value": 4,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(109,100,142)"
                        }
                    }
                },
                {
                    "name": "\u65b0\u52a0\u5761",
                    "value": 3,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(57,126,120)"
                        }
                    }
                },
                {
                    "name": "\u6c99\u7279\u963f\u62c9\u4f2f",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(76,62,50)"
                        }
                    }
                },
                {
                    "name": "\u5370\u5ea6\u5c3c\u897f\u4e9a",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(110,9,145)"
                        }
                    }
                },
                {
                    "name": "\u5362\u68ee\u5821",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(18,16,7)"
                        }
                    }
                },
                {
                    "name": "\u571f\u8033\u5176",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(111,58,129)"
                        }
                    }
                },
                {
                    "name": "\u4e39\u9ea6",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(121,146,124)"
                        }
                    }
                },
                {
                    "name": "\u9a6c\u6765\u897f\u4e9a",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(29,126,61)"
                        }
                    }
                },
                {
                    "name": "\u5965\u5730\u5229",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(137,8,0)"
                        }
                    }
                },
                {
                    "name": "\u632a\u5a01",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(124,27,13)"
                        }
                    }
                },
                {
                    "name": "\u6ce2\u5170",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(44,104,43)"
                        }
                    }
                },
                {
                    "name": "\u6cf0\u56fd",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(104,46,146)"
                        }
                    }
                },
                {
                    "name": "\u745e\u5178",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(125,54,109)"
                        }
                    }
                },
                {
                    "name": "\u82ac\u5170",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(88,52,100)"
                        }
                    }
                },
                {
                    "name": "\u82f1\u56fd/\u8377\u5170",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(54,60,2)"
                        }
                    }
                },
                {
                    "name": "\u963f\u62c9\u4f2f\u8054\u5408\u914b\u957f\u56fd",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(19,83,34)"
                        }
                    }
                },
                {
                    "name": "\u6bd4\u5229\u65f6",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(22,134,28)"
                        }
                    }
                }
            ]
        }
    ],
    "legend": [
        {
            "data": [],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "2019\u5e74\u5168\u7403500\u5f3a\u516c\u53f8\u6570\u91cf\u7edf\u8ba1",
            "subtext": "\u5404\u56fd\u516c\u53f8\u6570\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_6fef6288ded84a6cafbf0a930e1de4c0.setOption(option_6fef6288ded84a6cafbf0a930e1de4c0);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[27]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 绘制世界地图必须要导入英文版数据才能够看得到地图的地理位置信息显示</span>
<span class="kn">import</span> <span class="nn">pyecharts</span>
<span class="kn">import</span> <span class="nn">csv</span>
<span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>
<span class="n">df</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_csv</span><span class="p">(</span><span class="s2">&quot;500 company - 19input_en.csv&quot;</span><span class="p">)</span> 

<span class="n">统计2019世界500强公司各国数量_en</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">groupby</span><span class="p">([</span><span class="s1">&#39;country&#39;</span><span class="p">],</span><span class="n">as_index</span><span class="o">=</span><span class="kc">False</span><span class="p">)[</span><span class="s1">&#39;country&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">agg</span><span class="p">({</span><span class="s1">&#39;cnt&#39;</span><span class="p">:</span><span class="s1">&#39;count&#39;</span><span class="p">})</span>
<span class="n">各国2019数量排序_en</span> <span class="o">=</span> <span class="n">统计2019世界500强公司各国数量_en</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">统计2019世界500强公司各国数量_en</span><span class="p">[</span><span class="s1">&#39;cnt&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">abs</span><span class="p">()</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span>

<span class="n">国家名称_en</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">各国2019数量排序_en</span><span class="p">[</span><span class="s1">&#39;country&#39;</span><span class="p">])</span>
<span class="n">国家公司出现数量_en</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">各国2019数量排序_en</span><span class="p">[</span><span class="s1">&#39;cnt&#39;</span><span class="p">])</span>

<span class="n">国家名称与公司_en</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">zip</span><span class="p">(</span><span class="nb">list</span><span class="p">(</span><span class="n">各国2019数量排序_en</span><span class="p">[</span><span class="s1">&#39;country&#39;</span><span class="p">]),</span><span class="nb">list</span><span class="p">(</span><span class="n">各国2019数量排序_en</span><span class="p">[</span><span class="s1">&#39;cnt&#39;</span><span class="p">])))</span> 
<span class="nb">print</span><span class="p">(</span><span class="n">国家名称与公司_en</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[(&#39;China&#39;, 129), (&#39;United States&#39;, 121), (&#39;Japan&#39;, 52), (&#39;France&#39;, 31), (&#39;Germany&#39;, 29), (&#39;Korea&#39;, 16), (&#39;United Kingdom&#39;, 16), (&#39;Switzerland&#39;, 14), (&#39;Canada&#39;, 13), (&#39;Holland&#39;, 11), (&#39;Spain&#39;, 9), (&#39;Brazil&#39;, 8), (&#39;India&#39;, 7), (&#39;Australia&#39;, 7), (&#39;Italy&#39;, 6), (&#39;Mexico&#39;, 4), (&#39;Russia&#39;, 4), (&#39;Ireland&#39;, 4), (&#39;Singapore&#39;, 3), (&#39;Saudi Arabia&#39;, 2), (&#39;Thailand&#39;, 1), (&#39;United Kingdom/Netherlands&#39;, 1), (&#39;Sweden&#39;, 1), (&#39;Indonesia&#39;, 1), (&#39;Norway&#39;, 1), (&#39;Poland&#39;, 1), (&#39;Malaysia&#39;, 1), (&#39;Turkey&#39;, 1), (&#39;Finland&#39;, 1), (&#39;Denmark&#39;, 1), (&#39;Luxembourg&#39;, 1), (&#39;Belgium&#39;, 1), (&#39;Austria&#39;, 1), (&#39;The United Arab Emirates&#39;, 1)]
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[30]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 画地图3</span>

<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Map</span>

<span class="k">def</span> <span class="nf">map_world</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Map</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Map</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="s2">&quot;国家&quot;</span><span class="p">,</span> <span class="n">国家名称与公司_en</span> <span class="p">,</span> <span class="s2">&quot;world&quot;</span><span class="p">)</span>
        <span class="o">.</span><span class="n">set_series_opts</span><span class="p">(</span><span class="n">label_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">is_show</span><span class="o">=</span><span class="kc">False</span><span class="p">))</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年全球500强公司数量统计&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;各国公司数量对比&quot;</span><span class="p">),</span>
            <span class="n">visualmap_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">VisualMapOpts</span><span class="p">(</span><span class="n">max_</span><span class="o">=</span><span class="mi">200</span><span class="p">),</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="n">map_world</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span> <span class="c1"># word 世界地图 如果上面的国家是中文的就是不能够来进行地图展示必须要是英文才可以</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[30]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min', 'world':'https://assets.pyecharts.org/assets/maps/world'
        }
    });
</script>

        <div id="3ea3f0379f884b9783d9abf9a0ee64e0" style="width:900px; height:500px;"></div>

<script>
        require(['echarts', 'world'], function(echarts) {
                var chart_3ea3f0379f884b9783d9abf9a0ee64e0 = echarts.init(
                    document.getElementById('3ea3f0379f884b9783d9abf9a0ee64e0'), 'white', {renderer: 'canvas'});
                var option_3ea3f0379f884b9783d9abf9a0ee64e0 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "map",
            "name": "\u56fd\u5bb6",
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "mapType": "world",
            "data": [
                {
                    "name": "China",
                    "value": 129
                },
                {
                    "name": "United States",
                    "value": 121
                },
                {
                    "name": "Japan",
                    "value": 52
                },
                {
                    "name": "France",
                    "value": 31
                },
                {
                    "name": "Germany",
                    "value": 29
                },
                {
                    "name": "Korea",
                    "value": 16
                },
                {
                    "name": "United Kingdom",
                    "value": 16
                },
                {
                    "name": "Switzerland",
                    "value": 14
                },
                {
                    "name": "Canada",
                    "value": 13
                },
                {
                    "name": "Holland",
                    "value": 11
                },
                {
                    "name": "Spain",
                    "value": 9
                },
                {
                    "name": "Brazil",
                    "value": 8
                },
                {
                    "name": "India",
                    "value": 7
                },
                {
                    "name": "Australia",
                    "value": 7
                },
                {
                    "name": "Italy",
                    "value": 6
                },
                {
                    "name": "Mexico",
                    "value": 4
                },
                {
                    "name": "Russia",
                    "value": 4
                },
                {
                    "name": "Ireland",
                    "value": 4
                },
                {
                    "name": "Singapore",
                    "value": 3
                },
                {
                    "name": "Saudi Arabia",
                    "value": 2
                },
                {
                    "name": "Thailand",
                    "value": 1
                },
                {
                    "name": "United Kingdom/Netherlands",
                    "value": 1
                },
                {
                    "name": "Sweden",
                    "value": 1
                },
                {
                    "name": "Indonesia",
                    "value": 1
                },
                {
                    "name": "Norway",
                    "value": 1
                },
                {
                    "name": "Poland",
                    "value": 1
                },
                {
                    "name": "Malaysia",
                    "value": 1
                },
                {
                    "name": "Turkey",
                    "value": 1
                },
                {
                    "name": "Finland",
                    "value": 1
                },
                {
                    "name": "Denmark",
                    "value": 1
                },
                {
                    "name": "Luxembourg",
                    "value": 1
                },
                {
                    "name": "Belgium",
                    "value": 1
                },
                {
                    "name": "Austria",
                    "value": 1
                },
                {
                    "name": "The United Arab Emirates",
                    "value": 1
                }
            ],
            "roam": true,
            "zoom": 1,
            "showLegendSymbol": true,
            "emphasis": {},
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u56fd\u5bb6"
            ],
            "selected": {
                "\u56fd\u5bb6": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "2019\u5e74\u5168\u7403500\u5f3a\u516c\u53f8\u6570\u91cf\u7edf\u8ba1",
            "subtext": "\u5404\u56fd\u516c\u53f8\u6570\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ],
    "visualMap": {
        "show": true,
        "type": "continuous",
        "min": 0,
        "max": 200,
        "inRange": {
            "color": [
                "#50a3ba",
                "#eac763",
                "#d94e5d"
            ]
        },
        "calculable": true,
        "splitNumber": 5,
        "orient": "vertical",
        "showLabel": true,
        "itemWidth": 20,
        "itemHeight": 140
    }
};
                chart_3ea3f0379f884b9783d9abf9a0ee64e0.setOption(option_3ea3f0379f884b9783d9abf9a0ee64e0);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[31]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 选项卡多图4</span>

<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Bar</span><span class="p">,</span> <span class="n">Tab</span><span class="p">,</span> <span class="n">Pie</span><span class="p">,</span> <span class="n">Line</span>
<span class="kn">from</span> <span class="nn">pyecharts.components</span> <span class="kn">import</span> <span class="n">Table</span>

<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Map</span>

<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Bar</span>

<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Page</span><span class="p">,</span> <span class="n">WordCloud</span>
<span class="kn">from</span> <span class="nn">pyecharts.globals</span> <span class="kn">import</span> <span class="n">SymbolType</span>




<span class="k">def</span> <span class="nf">bar_base</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">国家名称</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;国家&quot;</span><span class="p">,</span> <span class="n">国家公司出现数量</span> <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年全球500强公司数量统计&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;各国公司数量对比&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>


<span class="n">words</span> <span class="o">=</span> <span class="n">国家名称与公司</span>


<span class="k">def</span> <span class="nf">wordcloud_diamond</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">WordCloud</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">WordCloud</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="s2">&quot;国家&quot;</span><span class="p">,</span> <span class="n">words</span><span class="p">,</span> <span class="n">word_size_range</span><span class="o">=</span><span class="p">[</span><span class="mi">20</span><span class="p">,</span> <span class="mi">100</span><span class="p">],</span> <span class="n">shape</span><span class="o">=</span><span class="n">SymbolType</span><span class="o">.</span><span class="n">DIAMOND</span><span class="p">)</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span><span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年全球500强公司数量统计&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;各国公司数量对比&quot;</span><span class="p">))</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>



<span class="k">def</span> <span class="nf">map_world</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Map</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Map</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="s2">&quot;国家&quot;</span><span class="p">,</span> <span class="n">国家名称与公司_en</span> <span class="p">,</span> <span class="s2">&quot;world&quot;</span><span class="p">)</span>
        <span class="o">.</span><span class="n">set_series_opts</span><span class="p">(</span><span class="n">label_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">is_show</span><span class="o">=</span><span class="kc">False</span><span class="p">))</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年全球500强公司数量统计&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;各国公司数量对比&quot;</span><span class="p">),</span>
            <span class="n">visualmap_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">VisualMapOpts</span><span class="p">(</span><span class="n">max_</span><span class="o">=</span><span class="mi">200</span><span class="p">),</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>


<span class="k">def</span> <span class="nf">table_base</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Table</span><span class="p">:</span>
    <span class="n">table</span> <span class="o">=</span> <span class="n">Table</span><span class="p">()</span>

    <span class="n">headers</span> <span class="o">=</span> <span class="p">[</span><span class="s2">&quot;City name&quot;</span><span class="p">,</span> <span class="s2">&quot;cnt&quot;</span><span class="p">]</span>
    <span class="n">rows</span> <span class="o">=</span> <span class="p">[</span>
       <span class="p">[</span><span class="s1">&#39;中国&#39;</span><span class="p">,</span>  <span class="s1">&#39;129&#39;</span><span class="p">],[</span><span class="s1">&#39;美国&#39;</span><span class="p">,</span><span class="s1">&#39;121&#39;</span><span class="p">],</span> <span class="p">[</span><span class="s1">&#39;日本&#39;</span><span class="p">,</span><span class="s1">&#39;52&#39;</span><span class="p">],[</span><span class="s1">&#39;法国&#39;</span><span class="p">,</span><span class="s1">&#39;31&#39;</span><span class="p">],[</span><span class="s1">&#39;德国&#39;</span><span class="p">,</span><span class="s1">&#39;29&#39;</span><span class="p">]</span> <span class="p">,[</span><span class="s1">&#39;英国&#39;</span><span class="p">,</span><span class="s1">&#39;16&#39;</span><span class="p">]</span> <span class="p">,</span>
                  <span class="p">[</span><span class="s1">&#39;韩国&#39;</span><span class="p">,</span><span class="s1">&#39;16&#39;</span><span class="p">]</span> <span class="p">,[</span><span class="s1">&#39;瑞士&#39;</span><span class="p">,</span><span class="s1">&#39;14&#39;</span><span class="p">]</span> <span class="p">,[</span><span class="s1">&#39;加拿大&#39;</span><span class="p">,</span><span class="s1">&#39;13&#39;</span><span class="p">]</span> <span class="p">,[</span><span class="s1">&#39;荷兰&#39;</span><span class="p">,</span><span class="s1">&#39;11&#39;</span><span class="p">]</span> <span class="p">,[</span><span class="s1">&#39;西班牙&#39;</span><span class="p">,</span><span class="s1">&#39;9&#39;</span><span class="p">]</span> <span class="p">,</span>
                  <span class="p">[</span><span class="s1">&#39;巴西&#39;</span><span class="p">,</span><span class="s1">&#39;8&#39;</span><span class="p">]</span> <span class="p">,[</span><span class="s1">&#39;印度&#39;</span><span class="p">,</span><span class="s1">&#39;7&#39;</span><span class="p">]</span> <span class="p">,[</span><span class="s1">&#39;澳大利亚&#39;</span><span class="p">,</span><span class="s1">&#39;7&#39;</span><span class="p">]</span> <span class="p">,[</span><span class="s1">&#39;意大利&#39;</span><span class="p">,</span><span class="s1">&#39;6&#39;</span><span class="p">]</span> <span class="p">,[</span><span class="s1">&#39;墨西哥&#39;</span><span class="p">,</span><span class="s1">&#39;4&#39;</span><span class="p">]</span> <span class="p">,</span>
                  <span class="p">[</span><span class="s1">&#39;爱尔兰&#39;</span><span class="p">,</span><span class="s1">&#39;4&#39;</span><span class="p">]</span> <span class="p">,[</span><span class="s1">&#39;俄罗斯&#39;</span><span class="p">,</span><span class="s1">&#39;4&#39;</span><span class="p">]</span> <span class="p">,[</span><span class="s1">&#39;新加坡&#39;</span><span class="p">,</span><span class="s1">&#39;3&#39;</span><span class="p">]</span> <span class="p">,[</span><span class="s1">&#39;沙特阿拉伯&#39;</span><span class="p">,</span><span class="s1">&#39;2&#39;</span><span class="p">]</span> <span class="p">,[</span><span class="s1">&#39;印度尼西亚	&#39;</span><span class="p">,</span><span class="s1">&#39;1&#39;</span><span class="p">],[</span><span class="s1">&#39;卢森堡&#39;</span><span class="p">,</span><span class="s1">&#39;1&#39;</span><span class="p">],[</span><span class="s1">&#39;土耳其&#39;</span><span class="p">,</span><span class="s1">&#39;1&#39;</span><span class="p">],</span>
                  <span class="p">[</span><span class="s1">&#39;丹麦&#39;</span><span class="p">,</span><span class="s1">&#39;1&#39;</span><span class="p">],[</span><span class="s1">&#39;马来西亚&#39;</span><span class="p">,</span><span class="s1">&#39;1&#39;</span><span class="p">],[</span><span class="s1">&#39;奥地利&#39;</span><span class="p">,</span><span class="s1">&#39;1&#39;</span><span class="p">],[</span><span class="s1">&#39;挪威&#39;</span><span class="p">,</span><span class="s1">&#39;1&#39;</span><span class="p">],[</span><span class="s1">&#39;波兰&#39;</span><span class="p">,</span><span class="s1">&#39;1&#39;</span><span class="p">],[</span><span class="s1">&#39;泰国&#39;</span><span class="p">,</span><span class="s1">&#39;1&#39;</span><span class="p">],[</span><span class="s1">&#39;瑞典&#39;</span><span class="p">,</span><span class="s1">&#39;1&#39;</span><span class="p">],</span>
                  <span class="p">[</span><span class="s1">&#39;芬兰&#39;</span><span class="p">,</span><span class="s1">&#39;1&#39;</span><span class="p">]</span> <span class="p">,[</span><span class="s1">&#39;英国/荷兰&#39;</span><span class="p">,</span><span class="s1">&#39;1&#39;</span><span class="p">]</span> <span class="p">,[</span><span class="s1">&#39;阿拉伯联合酋长国&#39;</span><span class="p">,</span><span class="s1">&#39;1&#39;</span><span class="p">]</span> <span class="p">,[</span><span class="s1">&#39;比利时&#39;</span><span class="p">,</span><span class="s1">&#39;1&#39;</span><span class="p">],</span>
      
    <span class="p">]</span>
    <span class="n">table</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">headers</span><span class="p">,</span> <span class="n">rows</span><span class="p">)</span><span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
        <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">ComponentTitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;Table&quot;</span><span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">table</span>

<span class="n">tab</span> <span class="o">=</span> <span class="n">Tab</span><span class="p">()</span>
<span class="n">tab</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">bar_base</span><span class="p">(),</span> <span class="s2">&quot;bar_base&quot;</span><span class="p">)</span>
<span class="n">tab</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">wordcloud_diamond</span><span class="p">(),</span> <span class="s2">&quot;wordcloud_diamond&quot;</span><span class="p">)</span>
<span class="n">tab</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">map_world</span><span class="p">(),</span> <span class="s2">&quot;map_world&quot;</span><span class="p">)</span>
<span class="n">tab</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">table_base</span><span class="p">(),</span> <span class="s2">&quot;table_base&quot;</span><span class="p">)</span>
<span class="n">tab</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[31]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min', 'echarts-wordcloud':'https://assets.pyecharts.org/assets/echarts-wordcloud.min', 'world':'https://assets.pyecharts.org/assets/maps/world'
        }
    });
</script>

    <style>
        .tab {
            overflow: hidden;
            border: 1px solid #ccc;
            background-color: #f1f1f1;
        }

        .tab button {
            background-color: inherit;
            float: left;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 12px 16px;
            transition: 0.3s;
        }

        .tab button:hover {
            background-color: #ddd;
        }

        .tab button.active {
            background-color: #ccc;
        }

        .chart-container {
            display: none;
            padding: 6px 12px;
            border-top: none;
        }
    </style>
<div class="tab">
            <button class="tablinks" onclick="showChart(event, 'b25773b0f1f044b5bfbb16c4022d60e5')">bar_base</button>
            <button class="tablinks" onclick="showChart(event, '94cad759a264444f9d376bf0ff0b70c5')">wordcloud_diamond</button>
            <button class="tablinks" onclick="showChart(event, '50bfe851bffd43589a9f514927532a42')">map_world</button>
            <button class="tablinks" onclick="showChart(event, '6574b0602a594d32b6efe43bae0eec0e')">table_base</button>
    </div>

        <div id="b25773b0f1f044b5bfbb16c4022d60e5" class="chart-container" style="width:900px; height:500px;"></div>
        <div id="94cad759a264444f9d376bf0ff0b70c5" class="chart-container" style="width:900px; height:500px;"></div>
        <div id="50bfe851bffd43589a9f514927532a42" class="chart-container" style="width:900px; height:500px;"></div>
                <style>
            .fl-table {
                margin: 20px;
                border-radius: 5px;
                font-size: 12px;
                border: none;
                border-collapse: collapse;
                max-width: 100%;
                white-space: nowrap;
                word-break: keep-all;
            }

            .fl-table th {
                text-align: left;
                font-size: 20px;
            }

            .fl-table tr {
                display: table-row;
                vertical-align: inherit;
                border-color: inherit;
            }

            .fl-table tr:hover td {
                background: #00d1b2;
                color: #F8F8F8;
            }

            .fl-table td, .fl-table th {
                border-style: none;
                border-top: 1px solid #dbdbdb;
                border-left: 1px solid #dbdbdb;
                border-bottom: 3px solid #dbdbdb;
                border-right: 1px solid #dbdbdb;
                padding: .5em .55em;
                font-size: 15px;
            }

            .fl-table td {
                border-style: none;
                font-size: 15px;
                vertical-align: center;
                border-bottom: 1px solid #dbdbdb;
                border-left: 1px solid #dbdbdb;
                border-right: 1px solid #dbdbdb;
                height: 30px;
            }

            .fl-table tr:nth-child(even) {
                background: #F8F8F8;
            }
        </style>
        <div id="6574b0602a594d32b6efe43bae0eec0e" class="chart-container" style="">
            <p class="title" style="font-size: 18px; font-weight:bold;" > Table</p>
            <p class="subtitle" style="font-size: 12px;" > </p>
            <table class="fl-table">
    <tr>
        <th>City name</th>
        <th>cnt</th>
    </tr>
    <tr>
        <td>中国</td>
        <td>129</td>
    </tr>
    <tr>
        <td>美国</td>
        <td>121</td>
    </tr>
    <tr>
        <td>日本</td>
        <td>52</td>
    </tr>
    <tr>
        <td>法国</td>
        <td>31</td>
    </tr>
    <tr>
        <td>德国</td>
        <td>29</td>
    </tr>
    <tr>
        <td>英国</td>
        <td>16</td>
    </tr>
    <tr>
        <td>韩国</td>
        <td>16</td>
    </tr>
    <tr>
        <td>瑞士</td>
        <td>14</td>
    </tr>
    <tr>
        <td>加拿大</td>
        <td>13</td>
    </tr>
    <tr>
        <td>荷兰</td>
        <td>11</td>
    </tr>
    <tr>
        <td>西班牙</td>
        <td>9</td>
    </tr>
    <tr>
        <td>巴西</td>
        <td>8</td>
    </tr>
    <tr>
        <td>印度</td>
        <td>7</td>
    </tr>
    <tr>
        <td>澳大利亚</td>
        <td>7</td>
    </tr>
    <tr>
        <td>意大利</td>
        <td>6</td>
    </tr>
    <tr>
        <td>墨西哥</td>
        <td>4</td>
    </tr>
    <tr>
        <td>爱尔兰</td>
        <td>4</td>
    </tr>
    <tr>
        <td>俄罗斯</td>
        <td>4</td>
    </tr>
    <tr>
        <td>新加坡</td>
        <td>3</td>
    </tr>
    <tr>
        <td>沙特阿拉伯</td>
        <td>2</td>
    </tr>
    <tr>
        <td>印度尼西亚	</td>
        <td>1</td>
    </tr>
    <tr>
        <td>卢森堡</td>
        <td>1</td>
    </tr>
    <tr>
        <td>土耳其</td>
        <td>1</td>
    </tr>
    <tr>
        <td>丹麦</td>
        <td>1</td>
    </tr>
    <tr>
        <td>马来西亚</td>
        <td>1</td>
    </tr>
    <tr>
        <td>奥地利</td>
        <td>1</td>
    </tr>
    <tr>
        <td>挪威</td>
        <td>1</td>
    </tr>
    <tr>
        <td>波兰</td>
        <td>1</td>
    </tr>
    <tr>
        <td>泰国</td>
        <td>1</td>
    </tr>
    <tr>
        <td>瑞典</td>
        <td>1</td>
    </tr>
    <tr>
        <td>芬兰</td>
        <td>1</td>
    </tr>
    <tr>
        <td>英国/荷兰</td>
        <td>1</td>
    </tr>
    <tr>
        <td>阿拉伯联合酋长国</td>
        <td>1</td>
    </tr>
    <tr>
        <td>比利时</td>
        <td>1</td>
    </tr>
</table>
        </div>


<script>
        require(['echarts', 'echarts-wordcloud', 'world'], function(echarts) {
                var chart_b25773b0f1f044b5bfbb16c4022d60e5 = echarts.init(
                    document.getElementById('b25773b0f1f044b5bfbb16c4022d60e5'), 'white', {renderer: 'canvas'});
                var option_b25773b0f1f044b5bfbb16c4022d60e5 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#f05b72",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u56fd\u5bb6",
            "data": [
                129,
                121,
                52,
                31,
                29,
                16,
                16,
                14,
                13,
                11,
                9,
                8,
                7,
                7,
                6,
                4,
                4,
                4,
                3,
                2,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1,
                1
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u56fd\u5bb6"
            ],
            "selected": {
                "\u56fd\u5bb6": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u4e2d\u56fd",
                "\u7f8e\u56fd",
                "\u65e5\u672c",
                "\u6cd5\u56fd",
                "\u5fb7\u56fd",
                "\u82f1\u56fd",
                "\u97e9\u56fd",
                "\u745e\u58eb",
                "\u52a0\u62ff\u5927",
                "\u8377\u5170",
                "\u897f\u73ed\u7259",
                "\u5df4\u897f",
                "\u5370\u5ea6",
                "\u6fb3\u5927\u5229\u4e9a",
                "\u610f\u5927\u5229",
                "\u58a8\u897f\u54e5",
                "\u7231\u5c14\u5170",
                "\u4fc4\u7f57\u65af",
                "\u65b0\u52a0\u5761",
                "\u6c99\u7279\u963f\u62c9\u4f2f",
                "\u5370\u5ea6\u5c3c\u897f\u4e9a",
                "\u5362\u68ee\u5821",
                "\u571f\u8033\u5176",
                "\u4e39\u9ea6",
                "\u9a6c\u6765\u897f\u4e9a",
                "\u5965\u5730\u5229",
                "\u632a\u5a01",
                "\u6ce2\u5170",
                "\u6cf0\u56fd",
                "\u745e\u5178",
                "\u82ac\u5170",
                "\u82f1\u56fd/\u8377\u5170",
                "\u963f\u62c9\u4f2f\u8054\u5408\u914b\u957f\u56fd",
                "\u6bd4\u5229\u65f6"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u5e74\u5168\u7403500\u5f3a\u516c\u53f8\u6570\u91cf\u7edf\u8ba1",
            "subtext": "\u5404\u56fd\u516c\u53f8\u6570\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_b25773b0f1f044b5bfbb16c4022d60e5.setOption(option_b25773b0f1f044b5bfbb16c4022d60e5);
                var chart_94cad759a264444f9d376bf0ff0b70c5 = echarts.init(
                    document.getElementById('94cad759a264444f9d376bf0ff0b70c5'), 'white', {renderer: 'canvas'});
                var option_94cad759a264444f9d376bf0ff0b70c5 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "wordCloud",
            "name": "\u56fd\u5bb6",
            "shape": "diamond",
            "rotationRange": [
                0,
                0
            ],
            "rotationStep": 45,
            "girdSize": 20,
            "sizeRange": [
                20,
                100
            ],
            "data": [
                {
                    "name": "\u4e2d\u56fd",
                    "value": 129,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(143,117,90)"
                        }
                    }
                },
                {
                    "name": "\u7f8e\u56fd",
                    "value": 121,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(94,92,110)"
                        }
                    }
                },
                {
                    "name": "\u65e5\u672c",
                    "value": 52,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(73,50,84)"
                        }
                    }
                },
                {
                    "name": "\u6cd5\u56fd",
                    "value": 31,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(0,121,61)"
                        }
                    }
                },
                {
                    "name": "\u5fb7\u56fd",
                    "value": 29,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(82,155,4)"
                        }
                    }
                },
                {
                    "name": "\u82f1\u56fd",
                    "value": 16,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(31,143,70)"
                        }
                    }
                },
                {
                    "name": "\u97e9\u56fd",
                    "value": 16,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(124,44,138)"
                        }
                    }
                },
                {
                    "name": "\u745e\u58eb",
                    "value": 14,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(20,116,121)"
                        }
                    }
                },
                {
                    "name": "\u52a0\u62ff\u5927",
                    "value": 13,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(125,107,146)"
                        }
                    }
                },
                {
                    "name": "\u8377\u5170",
                    "value": 11,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(106,148,127)"
                        }
                    }
                },
                {
                    "name": "\u897f\u73ed\u7259",
                    "value": 9,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(39,62,103)"
                        }
                    }
                },
                {
                    "name": "\u5df4\u897f",
                    "value": 8,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(91,83,50)"
                        }
                    }
                },
                {
                    "name": "\u5370\u5ea6",
                    "value": 7,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(15,2,27)"
                        }
                    }
                },
                {
                    "name": "\u6fb3\u5927\u5229\u4e9a",
                    "value": 7,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(42,145,99)"
                        }
                    }
                },
                {
                    "name": "\u610f\u5927\u5229",
                    "value": 6,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(57,139,60)"
                        }
                    }
                },
                {
                    "name": "\u58a8\u897f\u54e5",
                    "value": 4,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(66,109,148)"
                        }
                    }
                },
                {
                    "name": "\u7231\u5c14\u5170",
                    "value": 4,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(57,2,120)"
                        }
                    }
                },
                {
                    "name": "\u4fc4\u7f57\u65af",
                    "value": 4,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(103,157,41)"
                        }
                    }
                },
                {
                    "name": "\u65b0\u52a0\u5761",
                    "value": 3,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(153,134,46)"
                        }
                    }
                },
                {
                    "name": "\u6c99\u7279\u963f\u62c9\u4f2f",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(101,71,47)"
                        }
                    }
                },
                {
                    "name": "\u5370\u5ea6\u5c3c\u897f\u4e9a",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(159,136,132)"
                        }
                    }
                },
                {
                    "name": "\u5362\u68ee\u5821",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(54,71,148)"
                        }
                    }
                },
                {
                    "name": "\u571f\u8033\u5176",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(109,28,103)"
                        }
                    }
                },
                {
                    "name": "\u4e39\u9ea6",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(47,74,61)"
                        }
                    }
                },
                {
                    "name": "\u9a6c\u6765\u897f\u4e9a",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(27,74,71)"
                        }
                    }
                },
                {
                    "name": "\u5965\u5730\u5229",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(33,60,112)"
                        }
                    }
                },
                {
                    "name": "\u632a\u5a01",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(73,119,73)"
                        }
                    }
                },
                {
                    "name": "\u6ce2\u5170",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(105,51,11)"
                        }
                    }
                },
                {
                    "name": "\u6cf0\u56fd",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(21,94,43)"
                        }
                    }
                },
                {
                    "name": "\u745e\u5178",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(118,154,134)"
                        }
                    }
                },
                {
                    "name": "\u82ac\u5170",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(84,128,121)"
                        }
                    }
                },
                {
                    "name": "\u82f1\u56fd/\u8377\u5170",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(63,92,115)"
                        }
                    }
                },
                {
                    "name": "\u963f\u62c9\u4f2f\u8054\u5408\u914b\u957f\u56fd",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(146,108,151)"
                        }
                    }
                },
                {
                    "name": "\u6bd4\u5229\u65f6",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(61,111,152)"
                        }
                    }
                }
            ]
        }
    ],
    "legend": [
        {
            "data": [],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "2019\u5e74\u5168\u7403500\u5f3a\u516c\u53f8\u6570\u91cf\u7edf\u8ba1",
            "subtext": "\u5404\u56fd\u516c\u53f8\u6570\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_94cad759a264444f9d376bf0ff0b70c5.setOption(option_94cad759a264444f9d376bf0ff0b70c5);
                var chart_50bfe851bffd43589a9f514927532a42 = echarts.init(
                    document.getElementById('50bfe851bffd43589a9f514927532a42'), 'white', {renderer: 'canvas'});
                var option_50bfe851bffd43589a9f514927532a42 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "map",
            "name": "\u56fd\u5bb6",
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "mapType": "world",
            "data": [
                {
                    "name": "China",
                    "value": 129
                },
                {
                    "name": "United States",
                    "value": 121
                },
                {
                    "name": "Japan",
                    "value": 52
                },
                {
                    "name": "France",
                    "value": 31
                },
                {
                    "name": "Germany",
                    "value": 29
                },
                {
                    "name": "Korea",
                    "value": 16
                },
                {
                    "name": "United Kingdom",
                    "value": 16
                },
                {
                    "name": "Switzerland",
                    "value": 14
                },
                {
                    "name": "Canada",
                    "value": 13
                },
                {
                    "name": "Holland",
                    "value": 11
                },
                {
                    "name": "Spain",
                    "value": 9
                },
                {
                    "name": "Brazil",
                    "value": 8
                },
                {
                    "name": "India",
                    "value": 7
                },
                {
                    "name": "Australia",
                    "value": 7
                },
                {
                    "name": "Italy",
                    "value": 6
                },
                {
                    "name": "Mexico",
                    "value": 4
                },
                {
                    "name": "Russia",
                    "value": 4
                },
                {
                    "name": "Ireland",
                    "value": 4
                },
                {
                    "name": "Singapore",
                    "value": 3
                },
                {
                    "name": "Saudi Arabia",
                    "value": 2
                },
                {
                    "name": "Thailand",
                    "value": 1
                },
                {
                    "name": "United Kingdom/Netherlands",
                    "value": 1
                },
                {
                    "name": "Sweden",
                    "value": 1
                },
                {
                    "name": "Indonesia",
                    "value": 1
                },
                {
                    "name": "Norway",
                    "value": 1
                },
                {
                    "name": "Poland",
                    "value": 1
                },
                {
                    "name": "Malaysia",
                    "value": 1
                },
                {
                    "name": "Turkey",
                    "value": 1
                },
                {
                    "name": "Finland",
                    "value": 1
                },
                {
                    "name": "Denmark",
                    "value": 1
                },
                {
                    "name": "Luxembourg",
                    "value": 1
                },
                {
                    "name": "Belgium",
                    "value": 1
                },
                {
                    "name": "Austria",
                    "value": 1
                },
                {
                    "name": "The United Arab Emirates",
                    "value": 1
                }
            ],
            "roam": true,
            "zoom": 1,
            "showLegendSymbol": true,
            "emphasis": {},
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u56fd\u5bb6"
            ],
            "selected": {
                "\u56fd\u5bb6": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "2019\u5e74\u5168\u7403500\u5f3a\u516c\u53f8\u6570\u91cf\u7edf\u8ba1",
            "subtext": "\u5404\u56fd\u516c\u53f8\u6570\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ],
    "visualMap": {
        "show": true,
        "type": "continuous",
        "min": 0,
        "max": 200,
        "inRange": {
            "color": [
                "#50a3ba",
                "#eac763",
                "#d94e5d"
            ]
        },
        "calculable": true,
        "splitNumber": 5,
        "orient": "vertical",
        "showLabel": true,
        "itemWidth": 20,
        "itemHeight": 140
    }
};
                chart_50bfe851bffd43589a9f514927532a42.setOption(option_50bfe851bffd43589a9f514927532a42);
        });
    </script>
<script>
        (function() {
            containers = document.getElementsByClassName("chart-container");
            if(containers.length > 0) {
                containers[0].style.display = "block";
            }
        })()

        function showChart(evt, chartID) {
            let containers = document.getElementsByClassName("chart-container");
            for (let i = 0; i < containers.length; i++) {
                containers[i].style.display = "none";
            }

            let tablinks = document.getElementsByClassName("tablinks");
            for (let i = 0; i < tablinks.length; i++) {
                tablinks[i].className = "tablinks";
            }

            document.getElementById(chartID).style.display = "block";
            evt.currentTarget.className += " active";
        }
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#20840;&#29699;500&#24378;&#20844;&#21496;&#22312;&#20840;&#29699;&#20998;&#24067;&#29366;&#20917;">&#20840;&#29699;500&#24378;&#20844;&#21496;&#22312;&#20840;&#29699;&#20998;&#24067;&#29366;&#20917;<a class="anchor-link" href="#&#20840;&#29699;500&#24378;&#20844;&#21496;&#22312;&#20840;&#29699;&#20998;&#24067;&#29366;&#20917;">&#182;</a></h3><ol>
<li>总数上，2019年全球500强公司中国上榜129家，美国上榜121家，远远超过第三名日本的52家，中美两国的世界500强公司席位占比占据了世界500强公司总数的一半，可以说全世界500强公司的收入一半都是流入了中国和美国。</li>
<li>地域分布上，1/2的500强公司都是分布在沿海地区和传统发达地区，与世界经济的发展水平趋势是一致的，大部分都位于美洲沿海，东亚以及欧洲西部，地域偏向两极化发展，亚洲欧洲美洲都有上榜公司。</li>
</ol>

</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#19990;&#30028;&#25910;&#20837;&#33829;&#25910;&#21069;10">&#19990;&#30028;&#25910;&#20837;&#33829;&#25910;&#21069;10<a class="anchor-link" href="#&#19990;&#30028;&#25910;&#20837;&#33829;&#25910;&#21069;10">&#182;</a></h3>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[60]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">pyecharts</span>
<span class="kn">import</span> <span class="nn">csv</span>
<span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>
<span class="n">df</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_csv</span><span class="p">(</span><span class="s2">&quot;500 company - 19input_zh_cn美元无.csv&quot;</span><span class="p">)</span>  <span class="c1"># 去掉美元符号，不然后面利润榜单的数据排序是按照字符来排序不符合，将格式单元格设置为数值小数后一位</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[61]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">统计2019世界500强营收前10</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
<span class="n">统计2019世界500强营收前10</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[61]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>2019rate</th>
      <th>2018rate</th>
      <th>company</th>
      <th>income</th>
      <th>profit</th>
      <th>country</th>
      <th>location</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>1</td>
      <td>沃尔玛（WALMART)</td>
      <td>514405.0</td>
      <td>6670.0</td>
      <td>美国</td>
      <td>本顿维尔(Bentonville)</td>
    </tr>
    <tr>
      <th>1</th>
      <td>2</td>
      <td>3</td>
      <td>中国石油化工集团公司（SINOPEC GROUP)</td>
      <td>414649.9</td>
      <td>5845.0</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
    </tr>
    <tr>
      <th>2</th>
      <td>3</td>
      <td>5</td>
      <td>荷兰皇家壳牌石油公司（ROYAL DUTCH SHELL)</td>
      <td>396556.0</td>
      <td>23352.0</td>
      <td>荷兰</td>
      <td>海牙(The Hague)</td>
    </tr>
    <tr>
      <th>3</th>
      <td>4</td>
      <td>4</td>
      <td>中国石油天然气集团公司（CHINA NATIONAL PETROLEUM)</td>
      <td>392976.6</td>
      <td>2270.5</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
    </tr>
    <tr>
      <th>4</th>
      <td>5</td>
      <td>2</td>
      <td>国家电网公司（STATE GRID)</td>
      <td>387056.0</td>
      <td>8174.8</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
    </tr>
    <tr>
      <th>5</th>
      <td>6</td>
      <td>--</td>
      <td>沙特阿美公司（SAUDI ARAMCO)</td>
      <td>355905.0</td>
      <td>110974.5</td>
      <td>沙特阿拉伯</td>
      <td>达兰(Dhahran)</td>
    </tr>
    <tr>
      <th>6</th>
      <td>7</td>
      <td>8</td>
      <td>英国石油公司（BP)</td>
      <td>303738.0</td>
      <td>9383.0</td>
      <td>英国</td>
      <td>伦敦市(London)</td>
    </tr>
    <tr>
      <th>7</th>
      <td>8</td>
      <td>9</td>
      <td>埃克森美孚（EXXON MOBIL)</td>
      <td>290212.0</td>
      <td>20840.0</td>
      <td>美国</td>
      <td>欧文(Irving)</td>
    </tr>
    <tr>
      <th>8</th>
      <td>9</td>
      <td>7</td>
      <td>大众公司（VOLKSWAGEN)</td>
      <td>278341.5</td>
      <td>14322.5</td>
      <td>德国</td>
      <td>沃尔夫斯堡(Wolfsburg)</td>
    </tr>
    <tr>
      <th>9</th>
      <td>10</td>
      <td>6</td>
      <td>丰田汽车公司（TOYOTA MOTOR)</td>
      <td>272612.0</td>
      <td>16982.0</td>
      <td>日本</td>
      <td>东京(Toyota)</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[63]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">统计2019世界500强营收前10国家</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强营收前10</span><span class="p">[</span><span class="s1">&#39;company&#39;</span><span class="p">])</span>
<span class="n">统计2019世界500强营收前10收入</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强营收前10</span><span class="p">[</span><span class="s1">&#39;income&#39;</span><span class="p">])</span>
<span class="n">营收前10国家名称与公司</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">zip</span><span class="p">(</span><span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强营收前10</span><span class="p">[</span><span class="s1">&#39;company&#39;</span><span class="p">]),</span><span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强营收前10</span><span class="p">[</span><span class="s1">&#39;income&#39;</span><span class="p">])))</span> 
<span class="nb">print</span><span class="p">(</span><span class="n">营收前10国家名称与公司</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[(&#39;沃尔玛（WALMART)&#39;, 514405.0), (&#39;中国石油化工集团公司（SINOPEC GROUP)&#39;, 414649.9), (&#39;荷兰皇家壳牌石油公司（ROYAL DUTCH SHELL)&#39;, 396556.0), (&#39;中国石油天然气集团公司（CHINA NATIONAL PETROLEUM)&#39;, 392976.6), (&#39;国家电网公司（STATE GRID)&#39;, 387056.0), (&#39;沙特阿美公司（SAUDI ARAMCO)&#39;, 355905.0), (&#39;英国石油公司（BP)&#39;, 303738.0), (&#39;埃克森美孚（EXXON MOBIL)&#39;, 290212.0), (&#39;大众公司（VOLKSWAGEN)&#39;, 278341.5), (&#39;丰田汽车公司（TOYOTA MOTOR)&#39;, 272612.0)]
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[66]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 制作条形图1</span>

<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Bar</span>


<span class="k">def</span> <span class="nf">bar_base</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">统计2019世界500强营收前10国家</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;统计2019世界500强营收前10国家&quot;</span><span class="p">,</span> <span class="n">统计2019世界500强营收前10收入</span>  <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年全球500强营收前10国家&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;营收前10收入&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>


<span class="n">bar_base</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>   <span class="c1"># [pyecharts x 轴不能完全显示的问题解决,用了评论的解决办法](https://blog.csdn.net/huangwencai123/article/details/100069518)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[66]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="5ce5bf5f23494ac89945d69400107108" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_5ce5bf5f23494ac89945d69400107108 = echarts.init(
                    document.getElementById('5ce5bf5f23494ac89945d69400107108'), 'white', {renderer: 'canvas'});
                var option_5ce5bf5f23494ac89945d69400107108 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#f05b72",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u7edf\u8ba12019\u4e16\u754c500\u5f3a\u8425\u6536\u524d10\u56fd\u5bb6",
            "data": [
                514405.0,
                414649.9,
                396556.0,
                392976.6,
                387056.0,
                355905.0,
                303738.0,
                290212.0,
                278341.5,
                272612.0
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u7edf\u8ba12019\u4e16\u754c500\u5f3a\u8425\u6536\u524d10\u56fd\u5bb6"
            ],
            "selected": {
                "\u7edf\u8ba12019\u4e16\u754c500\u5f3a\u8425\u6536\u524d10\u56fd\u5bb6": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u6c83\u5c14\u739b\uff08WALMART)",
                "\u4e2d\u56fd\u77f3\u6cb9\u5316\u5de5\u96c6\u56e2\u516c\u53f8\uff08SINOPEC GROUP)",
                "\u8377\u5170\u7687\u5bb6\u58f3\u724c\u77f3\u6cb9\u516c\u53f8\uff08ROYAL DUTCH SHELL)",
                "\u4e2d\u56fd\u77f3\u6cb9\u5929\u7136\u6c14\u96c6\u56e2\u516c\u53f8\uff08CHINA NATIONAL PETROLEUM)",
                "\u56fd\u5bb6\u7535\u7f51\u516c\u53f8\uff08STATE GRID)",
                "\u6c99\u7279\u963f\u7f8e\u516c\u53f8\uff08SAUDI ARAMCO)",
                "\u82f1\u56fd\u77f3\u6cb9\u516c\u53f8\uff08BP)",
                "\u57c3\u514b\u68ee\u7f8e\u5b5a\uff08EXXON MOBIL)",
                "\u5927\u4f17\u516c\u53f8\uff08VOLKSWAGEN)",
                "\u4e30\u7530\u6c7d\u8f66\u516c\u53f8\uff08TOYOTA MOTOR)"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u5e74\u5168\u7403500\u5f3a\u8425\u6536\u524d10\u56fd\u5bb6",
            "subtext": "\u8425\u6536\u524d10\u6536\u5165",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_5ce5bf5f23494ac89945d69400107108.setOption(option_5ce5bf5f23494ac89945d69400107108);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#19990;&#30028;500&#24378;&#20844;&#21496;&#33829;&#25910;&#24773;&#20917;">&#19990;&#30028;500&#24378;&#20844;&#21496;&#33829;&#25910;&#24773;&#20917;<a class="anchor-link" href="#&#19990;&#30028;500&#24378;&#20844;&#21496;&#33829;&#25910;&#24773;&#20917;">&#182;</a></h3><ol>
<li>沃尔玛成为全球最大公司，中国石化位列第二，壳牌石油上升至第三位，中国石油和国家电网分列第四、第五位，新上榜的巨型石油公司沙特阿美则位居第六位。</li>
<li>上榜国家数量上，中国占据3个排在首位，美国两个排在第二。</li>
<li>中国前三的行业都属于国家绝对控股性质，其他有家族传承公司。</li>
<li>传统零售业是靠着实业慢慢聚拢财富和资源，但是强健有力的化工能源产业还是占据榜单居高不下，目前经济形势来说还是传统能源行业营收撑起世界经济支柱。</li>
</ol>

</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#19990;&#30028;&#25910;&#20837;&#21033;&#28070;&#21069;10">&#19990;&#30028;&#25910;&#20837;&#21033;&#28070;&#21069;10<a class="anchor-link" href="#&#19990;&#30028;&#25910;&#20837;&#21033;&#28070;&#21069;10">&#182;</a></h3>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[62]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">统计2019世界500强利润排序</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">df</span><span class="p">[</span><span class="s1">&#39;profit&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span> <span class="c1"># 去掉.abs 不要绝对值</span>
<span class="n">统计2019世界500强利润前10</span> <span class="o">=</span> <span class="n">统计2019世界500强利润排序</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
<span class="n">统计2019世界500强利润前10</span> 
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[62]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>2019rate</th>
      <th>2018rate</th>
      <th>company</th>
      <th>income</th>
      <th>profit</th>
      <th>country</th>
      <th>location</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>5</th>
      <td>6</td>
      <td>--</td>
      <td>沙特阿美公司（SAUDI ARAMCO)</td>
      <td>355905.0</td>
      <td>110974.5</td>
      <td>沙特阿拉伯</td>
      <td>达兰(Dhahran)</td>
    </tr>
    <tr>
      <th>10</th>
      <td>11</td>
      <td>11</td>
      <td>苹果公司（APPLE)</td>
      <td>265595.0</td>
      <td>59531.0</td>
      <td>美国</td>
      <td>库佩蒂诺(Cupertino)</td>
    </tr>
    <tr>
      <th>25</th>
      <td>26</td>
      <td>26</td>
      <td>中国工商银行（INDUSTRIAL &amp; COMMERCIAL BANK OF CHINA)</td>
      <td>168979.0</td>
      <td>45002.3</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
    </tr>
    <tr>
      <th>14</th>
      <td>15</td>
      <td>12</td>
      <td>三星电子（SAMSUNG ELECTRONICS)</td>
      <td>221579.4</td>
      <td>39895.2</td>
      <td>韩国</td>
      <td>首尔(Suwon)</td>
    </tr>
    <tr>
      <th>30</th>
      <td>31</td>
      <td>31</td>
      <td>中国建设银行（CHINA CONSTRUCTION BANK)</td>
      <td>151110.8</td>
      <td>38498.4</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
    </tr>
    <tr>
      <th>40</th>
      <td>41</td>
      <td>47</td>
      <td>摩根大通公司（JPMORGAN CHASE &amp; CO.)</td>
      <td>131412.0</td>
      <td>32474.0</td>
      <td>美国</td>
      <td>纽约(New York)</td>
    </tr>
    <tr>
      <th>36</th>
      <td>37</td>
      <td>52</td>
      <td>Alphabet 公司（ALPHABET)</td>
      <td>136819.0</td>
      <td>30736.0</td>
      <td>美国</td>
      <td>山景城(Mountain View)</td>
    </tr>
    <tr>
      <th>35</th>
      <td>36</td>
      <td>40</td>
      <td>中国农业银行（AGRICULTURAL BANK OF CHINA)</td>
      <td>139523.6</td>
      <td>30656.5</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
    </tr>
    <tr>
      <th>57</th>
      <td>58</td>
      <td>60</td>
      <td>美国银行（BANK OF AMERICA CORP.)</td>
      <td>110584.0</td>
      <td>28147.0</td>
      <td>美国</td>
      <td>夏洛特市(Charlotte)</td>
    </tr>
    <tr>
      <th>43</th>
      <td>44</td>
      <td>46</td>
      <td>中国银行（BANK OF CHINA)</td>
      <td>127714.1</td>
      <td>27225.2</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[65]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">统计2019世界500强利润前10国家</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强利润前10</span><span class="p">[</span><span class="s1">&#39;company&#39;</span><span class="p">])</span>
<span class="n">统计2019世界500强利润前10收入</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强利润前10</span><span class="p">[</span><span class="s1">&#39;profit&#39;</span><span class="p">])</span>

<span class="n">利润前10国家名称与公司</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">zip</span><span class="p">(</span><span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强利润前10</span><span class="p">[</span><span class="s1">&#39;company&#39;</span><span class="p">]),</span><span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强利润前10</span><span class="p">[</span><span class="s1">&#39;profit&#39;</span><span class="p">])))</span> 
<span class="nb">print</span><span class="p">(</span><span class="n">利润前10国家名称与公司</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[(&#39;沙特阿美公司（SAUDI ARAMCO)&#39;, 110974.5), (&#39;苹果公司（APPLE)&#39;, 59531.0), (&#39;中国工商银行（INDUSTRIAL &amp; COMMERCIAL BANK OF CHINA)&#39;, 45002.3), (&#39;三星电子（SAMSUNG ELECTRONICS)&#39;, 39895.2), (&#39;中国建设银行（CHINA CONSTRUCTION BANK)&#39;, 38498.4), (&#39;摩根大通公司（JPMORGAN CHASE &amp; CO.)&#39;, 32474.0), (&#39;Alphabet 公司（ALPHABET)&#39;, 30736.0), (&#39;中国农业银行（AGRICULTURAL BANK OF CHINA)&#39;, 30656.5), (&#39;美国银行（BANK OF AMERICA CORP.)&#39;, 28147.0), (&#39;中国银行（BANK OF CHINA)&#39;, 27225.2)]
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[67]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 制作条形图1</span>

<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Bar</span>


<span class="k">def</span> <span class="nf">bar_base</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">统计2019世界500强利润前10国家</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;统计2019世界500强利润前10国家&quot;</span><span class="p">,</span> <span class="n">统计2019世界500强利润前10收入</span>  <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年全球500强公司利润前10国家&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;利润前10收入&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>


<span class="n">bar_base</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>   <span class="c1"># [pyecharts x 轴不能完全显示的问题解决,用了评论的解决办法](https://blog.csdn.net/huangwencai123/article/details/100069518)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[67]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="570c5e5c70c344f4bf31b4d43b12fad7" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_570c5e5c70c344f4bf31b4d43b12fad7 = echarts.init(
                    document.getElementById('570c5e5c70c344f4bf31b4d43b12fad7'), 'white', {renderer: 'canvas'});
                var option_570c5e5c70c344f4bf31b4d43b12fad7 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#2f4554",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u7edf\u8ba12019\u4e16\u754c500\u5f3a\u5229\u6da6\u524d10\u56fd\u5bb6",
            "data": [
                110974.5,
                59531.0,
                45002.3,
                39895.2,
                38498.4,
                32474.0,
                30736.0,
                30656.5,
                28147.0,
                27225.2
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u7edf\u8ba12019\u4e16\u754c500\u5f3a\u5229\u6da6\u524d10\u56fd\u5bb6"
            ],
            "selected": {
                "\u7edf\u8ba12019\u4e16\u754c500\u5f3a\u5229\u6da6\u524d10\u56fd\u5bb6": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u6c99\u7279\u963f\u7f8e\u516c\u53f8\uff08SAUDI ARAMCO)",
                "\u82f9\u679c\u516c\u53f8\uff08APPLE)",
                "\u4e2d\u56fd\u5de5\u5546\u94f6\u884c\uff08INDUSTRIAL & COMMERCIAL BANK OF CHINA)",
                "\u4e09\u661f\u7535\u5b50\uff08SAMSUNG ELECTRONICS)",
                "\u4e2d\u56fd\u5efa\u8bbe\u94f6\u884c\uff08CHINA CONSTRUCTION BANK)",
                "\u6469\u6839\u5927\u901a\u516c\u53f8\uff08JPMORGAN CHASE & CO.)",
                "Alphabet \u516c\u53f8\uff08ALPHABET)",
                "\u4e2d\u56fd\u519c\u4e1a\u94f6\u884c\uff08AGRICULTURAL BANK OF CHINA)",
                "\u7f8e\u56fd\u94f6\u884c\uff08BANK OF AMERICA CORP.)",
                "\u4e2d\u56fd\u94f6\u884c\uff08BANK OF CHINA)"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u5e74\u5168\u7403500\u5f3a\u516c\u53f8\u5229\u6da6\u524d10\u56fd\u5bb6",
            "subtext": "\u5229\u6da6\u524d10\u6536\u5165",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_570c5e5c70c344f4bf31b4d43b12fad7.setOption(option_570c5e5c70c344f4bf31b4d43b12fad7);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#19990;&#30028;500&#24378;&#20844;&#21496;&#21033;&#28070;&#24773;&#20917;">&#19990;&#30028;500&#24378;&#20844;&#21496;&#21033;&#28070;&#24773;&#20917;<a class="anchor-link" href="#&#19990;&#30028;500&#24378;&#20844;&#21496;&#21033;&#28070;&#24773;&#20917;">&#182;</a></h3><ol>
<li>沙特阿美以近 1110 亿美元的超高利润登顶利润榜首位，苹果位列第二。利润榜前 10 位的四家中国公司仍然是工建农中四大银行，谷歌母公司 Alphabet 则以年度 142.7% 的利润增长率成功跻身前十强，位列第七。</li>
<li>公司所属性质个数上，石油占据1/10，投资占据1/10，电子占据1/10，互联网服务占据2/10，银行占据1/2，并且仅仅是中国就是占据了4家美国才1家。</li>
<li>沙特阿美是个个例，石油资源的利润率是众所周知，但是第二名的苹果以及第七名的谷歌母公司挤进世界前十，互联网服务业也占据一席之地。</li>
<li>沙特阿美的利润比第二名苹果几乎翻了一倍，而银行的利润却占据了前十的半壁江山，银行的利润收入还是较为可观的</li>
</ol>

</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#20013;&#32654;&#20840;&#26041;&#20301;&#36827;&#34892;&#27604;&#36739;&#20998;&#26512;">&#20013;&#32654;&#20840;&#26041;&#20301;&#36827;&#34892;&#27604;&#36739;&#20998;&#26512;<a class="anchor-link" href="#&#20013;&#32654;&#20840;&#26041;&#20301;&#36827;&#34892;&#27604;&#36739;&#20998;&#26512;">&#182;</a></h3>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[108]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">pyecharts</span>
<span class="kn">import</span> <span class="nn">csv</span>
<span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>
<span class="n">df</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_csv</span><span class="p">(</span><span class="s2">&quot;500 company - 19industry_zh_cn.csv&quot;</span><span class="p">)</span>
<span class="n">df</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[108]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>2019rate</th>
      <th>2018rate</th>
      <th>company</th>
      <th>income</th>
      <th>profit</th>
      <th>country</th>
      <th>location</th>
      <th>industry</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>1</td>
      <td>沃尔玛（WALMART)</td>
      <td>514405.0</td>
      <td>6670.0</td>
      <td>美国</td>
      <td>本顿维尔(Bentonville)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>1</th>
      <td>2</td>
      <td>3</td>
      <td>中国石油化工集团公司（SINOPEC GROUP)</td>
      <td>414649.9</td>
      <td>5845.0</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>2</th>
      <td>4</td>
      <td>4</td>
      <td>中国石油天然气集团公司（CHINA NATIONAL PETROLEUM)</td>
      <td>392976.6</td>
      <td>2270.5</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>3</th>
      <td>5</td>
      <td>2</td>
      <td>国家电网公司（STATE GRID)</td>
      <td>387056.0</td>
      <td>8174.8</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>4</th>
      <td>8</td>
      <td>9</td>
      <td>埃克森美孚（EXXON MOBIL)</td>
      <td>290212.0</td>
      <td>20840.0</td>
      <td>美国</td>
      <td>欧文(Irving)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>5</th>
      <td>11</td>
      <td>11</td>
      <td>苹果公司（APPLE)</td>
      <td>265595.0</td>
      <td>59531.0</td>
      <td>美国</td>
      <td>库佩蒂诺(Cupertino)</td>
      <td>通讯设备</td>
    </tr>
    <tr>
      <th>6</th>
      <td>12</td>
      <td>10</td>
      <td>伯克希尔－哈撒韦公司（BERKSHIRE HATHAWAY)</td>
      <td>247837.0</td>
      <td>4021.0</td>
      <td>美国</td>
      <td>奥马哈(Omaha)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>7</th>
      <td>13</td>
      <td>18</td>
      <td>亚马逊（AMAZON.COM)</td>
      <td>232887.0</td>
      <td>10073.0</td>
      <td>美国</td>
      <td>西雅图(Seattle)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>8</th>
      <td>14</td>
      <td>15</td>
      <td>联合健康集团（UNITEDHEALTH GROUP)</td>
      <td>226247.0</td>
      <td>11986.0</td>
      <td>美国</td>
      <td>明尼苏达(Minnetonka)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>9</th>
      <td>17</td>
      <td>13</td>
      <td>麦克森公司（MCKESSON)</td>
      <td>214319.0</td>
      <td>34.0</td>
      <td>美国</td>
      <td>欧文(Irving)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>10</th>
      <td>19</td>
      <td>17</td>
      <td>CVS Health 公司（CVS HEALTH)</td>
      <td>194579.0</td>
      <td>-594.0</td>
      <td>美国</td>
      <td>文索基特(Woonsocket)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>11</th>
      <td>21</td>
      <td>23</td>
      <td>中国建筑集团有限公司（CHINA STATE CONSTRUCTION ENGINEERING)</td>
      <td>181524.5</td>
      <td>3159.5</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>基础建设</td>
    </tr>
    <tr>
      <th>12</th>
      <td>23</td>
      <td>24</td>
      <td>鸿海精密工业股份有限公司（HON HAI PRECISION INDUSTRY)</td>
      <td>175617.0</td>
      <td>4281.6</td>
      <td>中国</td>
      <td>台北(New Taipei City)</td>
      <td>通讯设备</td>
    </tr>
    <tr>
      <th>13</th>
      <td>25</td>
      <td>20</td>
      <td>美国电话电报公司（AT&amp;T)</td>
      <td>170756.0</td>
      <td>19370.0</td>
      <td>美国</td>
      <td>达拉斯(Dallas)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>14</th>
      <td>26</td>
      <td>26</td>
      <td>中国工商银行（INDUSTRIAL &amp; COMMERCIAL BANK OF CHINA)</td>
      <td>168979.0</td>
      <td>45002.3</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>15</th>
      <td>27</td>
      <td>25</td>
      <td>美源伯根公司（AMERISOURCEBERGEN)</td>
      <td>167939.6</td>
      <td>1658.4</td>
      <td>美国</td>
      <td>切斯特(Chesterbrook)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>16</th>
      <td>28</td>
      <td>33</td>
      <td>雪佛龙（CHEVRON)</td>
      <td>166339.0</td>
      <td>14824.0</td>
      <td>美国</td>
      <td>圣雷蒙(San Ramon)</td>
      <td>金属能源</td>
    </tr>
    <tr>
      <th>17</th>
      <td>29</td>
      <td>29</td>
      <td>中国平安保险（集团）股份有限公司（PING AN INSURANCE)</td>
      <td>163597.4</td>
      <td>16237.2</td>
      <td>中国</td>
      <td>深圳(Shenzhen)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>18</th>
      <td>30</td>
      <td>22</td>
      <td>福特汽车公司（FORD MOTOR)</td>
      <td>160338.0</td>
      <td>3677.0</td>
      <td>美国</td>
      <td>迪尔伯恩(Dearborn)</td>
      <td>交通运输</td>
    </tr>
    <tr>
      <th>19</th>
      <td>31</td>
      <td>31</td>
      <td>中国建设银行（CHINA CONSTRUCTION BANK)</td>
      <td>151110.8</td>
      <td>38498.4</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>20</th>
      <td>32</td>
      <td>21</td>
      <td>通用汽车公司（GENERAL MOTORS)</td>
      <td>147049.0</td>
      <td>8014.0</td>
      <td>美国</td>
      <td>底特律(Detroit)</td>
      <td>交通运输</td>
    </tr>
    <tr>
      <th>21</th>
      <td>35</td>
      <td>35</td>
      <td>好市多（COSTCO WHOLESALE)</td>
      <td>141576.0</td>
      <td>3134.0</td>
      <td>美国</td>
      <td>伊萨夸(Issaquah)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>22</th>
      <td>36</td>
      <td>40</td>
      <td>中国农业银行（AGRICULTURAL BANK OF CHINA)</td>
      <td>139523.6</td>
      <td>30656.5</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>23</th>
      <td>37</td>
      <td>52</td>
      <td>Alphabet 公司（ALPHABET)</td>
      <td>136819.0</td>
      <td>30736.0</td>
      <td>美国</td>
      <td>山景城(Mountain View)</td>
      <td>娱乐传媒</td>
    </tr>
    <tr>
      <th>24</th>
      <td>38</td>
      <td>34</td>
      <td>嘉德诺（CARDINAL HEALTH)</td>
      <td>136809.0</td>
      <td>256.0</td>
      <td>美国</td>
      <td>都柏林(Dublin)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>25</th>
      <td>39</td>
      <td>36</td>
      <td>上海汽车集团股份有限公司（SAIC MOTOR)</td>
      <td>136392.5</td>
      <td>5443.8</td>
      <td>中国</td>
      <td>上海(Shanghai)</td>
      <td>交通运输</td>
    </tr>
    <tr>
      <th>26</th>
      <td>40</td>
      <td>43</td>
      <td>沃博联（WALGREENS BOOTS ALLIANCE)</td>
      <td>131537.0</td>
      <td>5024.0</td>
      <td>美国</td>
      <td>诺斯菲尔德(Deerfield)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>27</th>
      <td>41</td>
      <td>47</td>
      <td>摩根大通公司（JPMORGAN CHASE &amp; CO.)</td>
      <td>131412.0</td>
      <td>32474.0</td>
      <td>美国</td>
      <td>纽约(New York)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>28</th>
      <td>43</td>
      <td>37</td>
      <td>威瑞森电信（VERIZON COMMUNICATIONS)</td>
      <td>130863.0</td>
      <td>15528.0</td>
      <td>美国</td>
      <td>纽约(New York)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>29</th>
      <td>44</td>
      <td>46</td>
      <td>中国银行（BANK OF CHINA)</td>
      <td>127714.1</td>
      <td>27225.2</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>...</th>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
    </tr>
    <tr>
      <th>220</th>
      <td>438</td>
      <td>468</td>
      <td>中国大唐集团公司（CHINA DATANG)</td>
      <td>28654.9</td>
      <td>323.4</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>221</th>
      <td>439</td>
      <td>456</td>
      <td>新疆广汇实业投资（集团）有限责任公司（XINJIANG GUANGHUI INDUSTRY ...</td>
      <td>28564.0</td>
      <td>137.0</td>
      <td>中国</td>
      <td>乌鲁木齐(Urumqi)</td>
      <td>房地产</td>
    </tr>
    <tr>
      <th>222</th>
      <td>441</td>
      <td>--</td>
      <td>安徽海螺集团（ANHUI CONCH GROUP)</td>
      <td>28499.0</td>
      <td>1628.9</td>
      <td>中国</td>
      <td>芜湖(Wuhu)</td>
      <td>化学工业</td>
    </tr>
    <tr>
      <th>223</th>
      <td>442</td>
      <td>--</td>
      <td>华夏保险（HUAXIA LIFE INSURANCE)</td>
      <td>28492.8</td>
      <td>398.8</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>224</th>
      <td>448</td>
      <td>499</td>
      <td>海尔智家股份有限公司（HAIER SMART HOME)</td>
      <td>27713.6</td>
      <td>1124.8</td>
      <td>中国</td>
      <td>青岛(Qingdao)</td>
      <td>器材制造</td>
    </tr>
    <tr>
      <th>225</th>
      <td>449</td>
      <td>400</td>
      <td>国际资产控股公司（INTL FCSTONE)</td>
      <td>27622.7</td>
      <td>55.5</td>
      <td>美国</td>
      <td>纽约(New York)</td>
      <td>金融投资</td>
    </tr>
    <tr>
      <th>226</th>
      <td>451</td>
      <td>465</td>
      <td>中国太平保险集团有限责任公司（CHINA TAIPING INSURANCE GROUP)</td>
      <td>27485.8</td>
      <td>434.0</td>
      <td>中国</td>
      <td>香港(Hong Kong)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>227</th>
      <td>454</td>
      <td>--</td>
      <td>PBF Energy 公司（PBF ENERGY)</td>
      <td>27186.1</td>
      <td>128.3</td>
      <td>美国</td>
      <td>帕西帕尼(Parsippany)</td>
      <td>金属能源</td>
    </tr>
    <tr>
      <th>228</th>
      <td>455</td>
      <td>410</td>
      <td>国泰人寿保险股份有限公司（CATHAY LIFE INSURANCE)</td>
      <td>27183.4</td>
      <td>1001.5</td>
      <td>中国</td>
      <td>台北(Taipei)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>229</th>
      <td>460</td>
      <td>467</td>
      <td>雷神公司（RAYTHEON)</td>
      <td>27058.0</td>
      <td>2909.0</td>
      <td>美国</td>
      <td>沃尔瑟姆(Waltham)</td>
      <td>航天防务</td>
    </tr>
    <tr>
      <th>230</th>
      <td>461</td>
      <td>--</td>
      <td>铜陵有色金属集团（TONGLING NONFERROUS METALS GROUP)</td>
      <td>26846.7</td>
      <td>-70.2</td>
      <td>中国</td>
      <td>铜陵(Tongling)</td>
      <td>金属能源</td>
    </tr>
    <tr>
      <th>231</th>
      <td>462</td>
      <td>495</td>
      <td>潞安集团（SHANXI LUAN MINING GROUP)</td>
      <td>26840.5</td>
      <td>1.2</td>
      <td>中国</td>
      <td>长治(Changzhi)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>232</th>
      <td>464</td>
      <td>497</td>
      <td>大同煤矿集团有限责任公司（DATONG COAL MINE GROUP)</td>
      <td>26697.6</td>
      <td>-181.8</td>
      <td>中国</td>
      <td>大同(Datong)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>233</th>
      <td>465</td>
      <td>--</td>
      <td>山西焦煤集团有限责任公司（SHANXI COKING COAL GROUP)</td>
      <td>26692.8</td>
      <td>141.6</td>
      <td>中国</td>
      <td>太原(Taiyuan)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>234</th>
      <td>468</td>
      <td>--</td>
      <td>小米集团（XIAOMI)</td>
      <td>26443.5</td>
      <td>2049.1</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>通讯设备</td>
    </tr>
    <tr>
      <th>235</th>
      <td>469</td>
      <td>494</td>
      <td>山西阳泉煤业 (集团) 有限责任公司（YANGQUAN COAL INDUSTRY GROUP)</td>
      <td>26290.1</td>
      <td>-131.1</td>
      <td>中国</td>
      <td>阳泉(Yangquan)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>236</th>
      <td>471</td>
      <td>479</td>
      <td>富邦金融控股股份有限公司（FUBON FINANCIAL HOLDING)</td>
      <td>26276.5</td>
      <td>1583.4</td>
      <td>中国</td>
      <td>台北(Taipei)</td>
      <td>金融投资</td>
    </tr>
    <tr>
      <th>237</th>
      <td>472</td>
      <td>451</td>
      <td>卡夫亨氏公司（KRAFT HEINZ)</td>
      <td>26268.0</td>
      <td>-10192.0</td>
      <td>美国</td>
      <td>匹兹堡(Pittsburgh)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>238</th>
      <td>473</td>
      <td>--</td>
      <td>海亮集团有限公司（HAILIANG GROUP)</td>
      <td>26251.0</td>
      <td>237.6</td>
      <td>中国</td>
      <td>杭州(Hangzhou)</td>
      <td>器材制造</td>
    </tr>
    <tr>
      <th>239</th>
      <td>475</td>
      <td>381</td>
      <td>新兴际华集团（XINXING CATHAY INTERNATIONAL GROUP)</td>
      <td>26207.9</td>
      <td>103.6</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>服装纺织</td>
    </tr>
    <tr>
      <th>240</th>
      <td>480</td>
      <td>459</td>
      <td>亿滋国际（MONDELEZ INTERNATIONAL)</td>
      <td>25938.0</td>
      <td>3381.0</td>
      <td>美国</td>
      <td>诺斯菲尔德(Deerfield)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>241</th>
      <td>482</td>
      <td>481</td>
      <td>山西晋城无烟煤矿业集团（SHANXI JINCHENG ANTHRACITE COAL MI...</td>
      <td>25844.7</td>
      <td>52.6</td>
      <td>中国</td>
      <td>晋城(Jincheng)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>242</th>
      <td>484</td>
      <td>496</td>
      <td>河南能源化工集团（HENAN ENERGY &amp; CHEMICAL)</td>
      <td>25781.9</td>
      <td>-133.3</td>
      <td>中国</td>
      <td>郑州(Zhengzhou)</td>
      <td>化学工业</td>
    </tr>
    <tr>
      <th>243</th>
      <td>485</td>
      <td>--</td>
      <td>中国通用技术 (集团) 控股有限责任公司（CHINA GENERAL TECHNOLOGY)</td>
      <td>25779.1</td>
      <td>442.7</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>金融投资</td>
    </tr>
    <tr>
      <th>244</th>
      <td>486</td>
      <td>490</td>
      <td>美国合众银行（U.S. BANCORP)</td>
      <td>25775.0</td>
      <td>7096.0</td>
      <td>美国</td>
      <td>明尼阿波利斯(Minneapolis)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>245</th>
      <td>487</td>
      <td>473</td>
      <td>梅西百货（MACY'S)</td>
      <td>25739.0</td>
      <td>1108.0</td>
      <td>美国</td>
      <td>辛辛那提(Cincinnati)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>246</th>
      <td>489</td>
      <td>--</td>
      <td>Dollar General 公司（DOLLAR GENERAL)</td>
      <td>25625.0</td>
      <td>1589.5</td>
      <td>美国</td>
      <td>古德利茨维尔(Goodlettsville)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>247</th>
      <td>492</td>
      <td>--</td>
      <td>台塑石化股份有限公司（FORMOSA PETROCHEMICAL)</td>
      <td>25462.8</td>
      <td>1993.4</td>
      <td>中国</td>
      <td>麦寮(Mailiao)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>248</th>
      <td>496</td>
      <td>--</td>
      <td>纽柯（NUCOR)</td>
      <td>25067.3</td>
      <td>2360.8</td>
      <td>美国</td>
      <td>夏洛特市(Charlotte)</td>
      <td>金属能源</td>
    </tr>
    <tr>
      <th>249</th>
      <td>498</td>
      <td>489</td>
      <td>泰康保险集团（TAIKANG INSURANCE GROUP)</td>
      <td>24931.7</td>
      <td>1794.6</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>电信电力</td>
    </tr>
  </tbody>
</table>
<p>250 rows × 8 columns</p>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[109]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">中国城市公司数据</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">df</span><span class="p">[</span><span class="s1">&#39;country&#39;</span><span class="p">]</span><span class="o">==</span><span class="s1">&#39;中国&#39;</span><span class="p">]</span> <span class="c1"># 选取等于某些值的行记录用== [pandas 中根据列的值选取多行数据](https://blog.csdn.net/htbeker/article/details/80332360)</span>
<span class="n">中国城市公司数量统计</span> <span class="o">=</span> <span class="n">中国城市公司数据</span><span class="o">.</span><span class="n">groupby</span><span class="p">([</span><span class="s1">&#39;location&#39;</span><span class="p">],</span><span class="n">as_index</span><span class="o">=</span><span class="kc">False</span><span class="p">)[</span><span class="s1">&#39;location&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">agg</span><span class="p">({</span><span class="s1">&#39;cnt&#39;</span><span class="p">:</span><span class="s1">&#39;count&#39;</span><span class="p">})</span>
<span class="n">中国城市公司数量统计排序</span> <span class="o">=</span> <span class="n">中国城市公司数量统计</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">中国城市公司数量统计</span><span class="p">[</span><span class="s1">&#39;cnt&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">abs</span><span class="p">()</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span>
<span class="n">中国城市公司数量统计排序</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[109]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>location</th>
      <th>cnt</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>3</th>
      <td>北京(Beijing)</td>
      <td>56</td>
    </tr>
    <tr>
      <th>0</th>
      <td>上海(Shanghai)</td>
      <td>7</td>
    </tr>
    <tr>
      <th>38</th>
      <td>香港(Hong Kong)</td>
      <td>7</td>
    </tr>
    <tr>
      <th>18</th>
      <td>深圳(Shenzhen)</td>
      <td>7</td>
    </tr>
    <tr>
      <th>7</th>
      <td>台北(Taipei)</td>
      <td>5</td>
    </tr>
    <tr>
      <th>14</th>
      <td>杭州(Hangzhou)</td>
      <td>4</td>
    </tr>
    <tr>
      <th>5</th>
      <td>厦门(Xiamen)</td>
      <td>3</td>
    </tr>
    <tr>
      <th>10</th>
      <td>广州(Guangzhou)</td>
      <td>3</td>
    </tr>
    <tr>
      <th>1</th>
      <td>乌鲁木齐(Urumqi)</td>
      <td>2</td>
    </tr>
    <tr>
      <th>2</th>
      <td>佛山(Foshan)</td>
      <td>2</td>
    </tr>
    <tr>
      <th>23</th>
      <td>福州(Fuzhou)</td>
      <td>2</td>
    </tr>
    <tr>
      <th>26</th>
      <td>西安(Xi'an)</td>
      <td>2</td>
    </tr>
    <tr>
      <th>13</th>
      <td>晋城(Jincheng)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>16</th>
      <td>武汉(Wuhan)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>15</th>
      <td>桃园(Taoyuan)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>9</th>
      <td>太原(Taiyuan)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>12</th>
      <td>新竹(Hsinchu)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>11</th>
      <td>张家港(Zhangjiagang)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>8</th>
      <td>大同(Datong)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>6</th>
      <td>台北(New Taipei City)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>4</th>
      <td>南京(Nanjing)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>17</th>
      <td>济南(Jinan)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>40</th>
      <td>麦寮(Mailiao)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>19</th>
      <td>温州(Wenzhou)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>39</th>
      <td>高雄(Kaohsiung)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>37</th>
      <td>鞍山(Anshan)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>36</th>
      <td>青岛(Qingdao)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>35</th>
      <td>阳泉(Yangquan)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>34</th>
      <td>长治(Changzhi)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>33</th>
      <td>长春(Changchun)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>32</th>
      <td>铜陵(Tongling)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>31</th>
      <td>金昌(Jinchang City)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>30</th>
      <td>郑州(Zhengzhou)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>29</th>
      <td>邹城(Zoucheng)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>28</th>
      <td>邢台(Xingtai)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>27</th>
      <td>贵溪(Guixi)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>25</th>
      <td>苏州市(Suzhou City)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>24</th>
      <td>芜湖(Wuhu)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>22</th>
      <td>石家庄(Shijiazhuang)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>21</th>
      <td>珠海(Zhuhai)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>20</th>
      <td>滨州(Shandong)</td>
      <td>1</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[110]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 另外制作序列表</span>

<span class="n">中国省份公司数量统计排序新列表</span><span class="o">=</span><span class="p">[(</span><span class="s1">&#39;北京&#39;</span><span class="p">,</span> <span class="mi">56</span><span class="p">),(</span><span class="s1">&#39;上海&#39;</span><span class="p">,</span><span class="mi">7</span><span class="p">),</span> <span class="p">(</span><span class="s1">&#39;香港&#39;</span><span class="p">,</span><span class="mi">7</span><span class="p">),(</span><span class="s1">&#39;深圳&#39;</span><span class="p">,</span><span class="mi">7</span><span class="p">),(</span><span class="s1">&#39;台湾&#39;</span><span class="p">,</span><span class="mi">10</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;浙江&#39;</span><span class="p">,</span><span class="mi">5</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;福建&#39;</span><span class="p">,</span><span class="mi">5</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;广东&#39;</span><span class="p">,</span><span class="mi">6</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;新疆&#39;</span><span class="p">,</span><span class="mi">2</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;陕西&#39;</span><span class="p">,</span><span class="mi">2</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;山西&#39;</span><span class="p">,</span><span class="mi">5</span><span class="p">)</span> <span class="p">,</span>
 <span class="p">(</span><span class="s1">&#39;湖北&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;江苏&#39;</span><span class="p">,</span><span class="mi">3</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;山东&#39;</span><span class="p">,</span><span class="mi">4</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;辽宁&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;吉林&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;安徽&#39;</span><span class="p">,</span><span class="mi">2</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;甘肃&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;河南&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;河北&#39;</span><span class="p">,</span><span class="mi">2</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;江西&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">)]</span> 

<span class="n">中国省份公司数量统计排序</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">(</span><span class="n">中国省份公司数量统计排序新列表</span><span class="p">,</span> <span class="n">columns</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;location&#39;</span><span class="p">,</span> <span class="s1">&#39;cnt&#39;</span><span class="p">])</span> 
<span class="n">中国省份公司数量统计降序</span> <span class="o">=</span> <span class="n">中国省份公司数量统计排序</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">中国省份公司数量统计排序</span><span class="p">[</span><span class="s1">&#39;cnt&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">abs</span><span class="p">()</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span>
<span class="n">中国省份公司数量统计降序</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[110]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>location</th>
      <th>cnt</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>北京</td>
      <td>56</td>
    </tr>
    <tr>
      <th>4</th>
      <td>台湾</td>
      <td>10</td>
    </tr>
    <tr>
      <th>1</th>
      <td>上海</td>
      <td>7</td>
    </tr>
    <tr>
      <th>2</th>
      <td>香港</td>
      <td>7</td>
    </tr>
    <tr>
      <th>3</th>
      <td>深圳</td>
      <td>7</td>
    </tr>
    <tr>
      <th>7</th>
      <td>广东</td>
      <td>6</td>
    </tr>
    <tr>
      <th>5</th>
      <td>浙江</td>
      <td>5</td>
    </tr>
    <tr>
      <th>6</th>
      <td>福建</td>
      <td>5</td>
    </tr>
    <tr>
      <th>10</th>
      <td>山西</td>
      <td>5</td>
    </tr>
    <tr>
      <th>13</th>
      <td>山东</td>
      <td>4</td>
    </tr>
    <tr>
      <th>12</th>
      <td>江苏</td>
      <td>3</td>
    </tr>
    <tr>
      <th>19</th>
      <td>河北</td>
      <td>2</td>
    </tr>
    <tr>
      <th>9</th>
      <td>陕西</td>
      <td>2</td>
    </tr>
    <tr>
      <th>8</th>
      <td>新疆</td>
      <td>2</td>
    </tr>
    <tr>
      <th>16</th>
      <td>安徽</td>
      <td>2</td>
    </tr>
    <tr>
      <th>11</th>
      <td>湖北</td>
      <td>1</td>
    </tr>
    <tr>
      <th>14</th>
      <td>辽宁</td>
      <td>1</td>
    </tr>
    <tr>
      <th>15</th>
      <td>吉林</td>
      <td>1</td>
    </tr>
    <tr>
      <th>17</th>
      <td>甘肃</td>
      <td>1</td>
    </tr>
    <tr>
      <th>18</th>
      <td>河南</td>
      <td>1</td>
    </tr>
    <tr>
      <th>20</th>
      <td>江西</td>
      <td>1</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[111]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Geo</span>
<span class="kn">from</span> <span class="nn">pyecharts.globals</span> <span class="kn">import</span> <span class="n">ChartType</span><span class="p">,</span> <span class="n">SymbolType</span>

<span class="k">def</span> <span class="nf">map_visualmap</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Map</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Map</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="s2">&quot;中国省份&quot;</span><span class="p">,</span> <span class="n">中国省份公司数量统计排序新列表</span><span class="p">,</span> <span class="s2">&quot;china&quot;</span> <span class="p">)</span> <span class="c1"># 这里的china是中国的意思，不能够写美国，美国没有的，画图必须是列表才可以</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年中国省份世界500强公司分布图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;世界500强&quot;</span><span class="p">),</span>
            <span class="n">visualmap_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">VisualMapOpts</span><span class="p">(</span><span class="n">max_</span><span class="o">=</span><span class="mi">200</span><span class="p">),</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="n">map_visualmap</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[111]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min', 'china':'https://assets.pyecharts.org/assets/maps/china'
        }
    });
</script>

        <div id="4832a25bd4914375a2a1aa4babc4b728" style="width:900px; height:500px;"></div>

<script>
        require(['echarts', 'china'], function(echarts) {
                var chart_4832a25bd4914375a2a1aa4babc4b728 = echarts.init(
                    document.getElementById('4832a25bd4914375a2a1aa4babc4b728'), 'white', {renderer: 'canvas'});
                var option_4832a25bd4914375a2a1aa4babc4b728 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "map",
            "name": "\u4e2d\u56fd\u7701\u4efd",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "mapType": "china",
            "data": [
                {
                    "name": "\u5317\u4eac",
                    "value": 56
                },
                {
                    "name": "\u4e0a\u6d77",
                    "value": 7
                },
                {
                    "name": "\u9999\u6e2f",
                    "value": 7
                },
                {
                    "name": "\u6df1\u5733",
                    "value": 7
                },
                {
                    "name": "\u53f0\u6e7e",
                    "value": 10
                },
                {
                    "name": "\u6d59\u6c5f",
                    "value": 5
                },
                {
                    "name": "\u798f\u5efa",
                    "value": 5
                },
                {
                    "name": "\u5e7f\u4e1c",
                    "value": 6
                },
                {
                    "name": "\u65b0\u7586",
                    "value": 2
                },
                {
                    "name": "\u9655\u897f",
                    "value": 2
                },
                {
                    "name": "\u5c71\u897f",
                    "value": 5
                },
                {
                    "name": "\u6e56\u5317",
                    "value": 1
                },
                {
                    "name": "\u6c5f\u82cf",
                    "value": 3
                },
                {
                    "name": "\u5c71\u4e1c",
                    "value": 4
                },
                {
                    "name": "\u8fbd\u5b81",
                    "value": 1
                },
                {
                    "name": "\u5409\u6797",
                    "value": 1
                },
                {
                    "name": "\u5b89\u5fbd",
                    "value": 2
                },
                {
                    "name": "\u7518\u8083",
                    "value": 1
                },
                {
                    "name": "\u6cb3\u5357",
                    "value": 1
                },
                {
                    "name": "\u6cb3\u5317",
                    "value": 2
                },
                {
                    "name": "\u6c5f\u897f",
                    "value": 1
                }
            ],
            "roam": true,
            "zoom": 1,
            "showLegendSymbol": true,
            "emphasis": {}
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u56fd\u7701\u4efd"
            ],
            "selected": {
                "\u4e2d\u56fd\u7701\u4efd": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "2019\u5e74\u4e2d\u56fd\u7701\u4efd\u4e16\u754c500\u5f3a\u516c\u53f8\u5206\u5e03\u56fe",
            "subtext": "\u4e16\u754c500\u5f3a",
            "padding": 5,
            "itemGap": 10
        }
    ],
    "visualMap": {
        "show": true,
        "type": "continuous",
        "min": 0,
        "max": 200,
        "inRange": {
            "color": [
                "#50a3ba",
                "#eac763",
                "#d94e5d"
            ]
        },
        "calculable": true,
        "splitNumber": 5,
        "orient": "vertical",
        "showLabel": true,
        "itemWidth": 20,
        "itemHeight": 140
    }
};
                chart_4832a25bd4914375a2a1aa4babc4b728.setOption(option_4832a25bd4914375a2a1aa4babc4b728);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[121]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Page</span><span class="p">,</span> <span class="n">WordCloud</span>
<span class="kn">from</span> <span class="nn">pyecharts.globals</span> <span class="kn">import</span> <span class="n">SymbolType</span>

<span class="n">words</span> <span class="o">=</span> <span class="n">中国省份公司数量统计排序新列表</span>


<span class="k">def</span> <span class="nf">wordcloud_diamond</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">WordCloud</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">WordCloud</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="s2">&quot;中国省份&quot;</span><span class="p">,</span> <span class="n">中国省份公司数量统计排序新列表</span><span class="p">,</span> <span class="n">word_size_range</span><span class="o">=</span><span class="p">[</span><span class="mi">20</span><span class="p">,</span> <span class="mi">100</span><span class="p">],</span> <span class="n">shape</span><span class="o">=</span><span class="n">SymbolType</span><span class="o">.</span><span class="n">DIAMOND</span><span class="p">)</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span><span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年中国省份世界500强公司分布图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;世界500强&quot;</span><span class="p">))</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>


<span class="n">wordcloud_diamond</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[121]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min', 'echarts-wordcloud':'https://assets.pyecharts.org/assets/echarts-wordcloud.min'
        }
    });
</script>

        <div id="5cf430541d6d4852ad362fc466cc895e" style="width:900px; height:500px;"></div>

<script>
        require(['echarts', 'echarts-wordcloud'], function(echarts) {
                var chart_5cf430541d6d4852ad362fc466cc895e = echarts.init(
                    document.getElementById('5cf430541d6d4852ad362fc466cc895e'), 'white', {renderer: 'canvas'});
                var option_5cf430541d6d4852ad362fc466cc895e = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "wordCloud",
            "name": "\u4e2d\u56fd\u7701\u4efd",
            "shape": "diamond",
            "rotationRange": [
                0,
                0
            ],
            "rotationStep": 45,
            "girdSize": 20,
            "sizeRange": [
                20,
                100
            ],
            "data": [
                {
                    "name": "\u5317\u4eac",
                    "value": 56,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(87,29,1)"
                        }
                    }
                },
                {
                    "name": "\u4e0a\u6d77",
                    "value": 7,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(112,120,115)"
                        }
                    }
                },
                {
                    "name": "\u9999\u6e2f",
                    "value": 7,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(120,115,111)"
                        }
                    }
                },
                {
                    "name": "\u6df1\u5733",
                    "value": 7,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(3,43,135)"
                        }
                    }
                },
                {
                    "name": "\u53f0\u6e7e",
                    "value": 10,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(118,0,38)"
                        }
                    }
                },
                {
                    "name": "\u6d59\u6c5f",
                    "value": 5,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(54,122,46)"
                        }
                    }
                },
                {
                    "name": "\u798f\u5efa",
                    "value": 5,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(67,144,21)"
                        }
                    }
                },
                {
                    "name": "\u5e7f\u4e1c",
                    "value": 6,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(65,125,77)"
                        }
                    }
                },
                {
                    "name": "\u65b0\u7586",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(152,38,94)"
                        }
                    }
                },
                {
                    "name": "\u9655\u897f",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(44,156,98)"
                        }
                    }
                },
                {
                    "name": "\u5c71\u897f",
                    "value": 5,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(63,70,18)"
                        }
                    }
                },
                {
                    "name": "\u6e56\u5317",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(109,46,88)"
                        }
                    }
                },
                {
                    "name": "\u6c5f\u82cf",
                    "value": 3,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(152,41,47)"
                        }
                    }
                },
                {
                    "name": "\u5c71\u4e1c",
                    "value": 4,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(94,118,108)"
                        }
                    }
                },
                {
                    "name": "\u8fbd\u5b81",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(119,42,12)"
                        }
                    }
                },
                {
                    "name": "\u5409\u6797",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(147,118,110)"
                        }
                    }
                },
                {
                    "name": "\u5b89\u5fbd",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(156,40,18)"
                        }
                    }
                },
                {
                    "name": "\u7518\u8083",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(50,29,150)"
                        }
                    }
                },
                {
                    "name": "\u6cb3\u5357",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(27,140,81)"
                        }
                    }
                },
                {
                    "name": "\u6cb3\u5317",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(116,97,152)"
                        }
                    }
                },
                {
                    "name": "\u6c5f\u897f",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(142,61,55)"
                        }
                    }
                }
            ]
        }
    ],
    "legend": [
        {
            "data": [],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "2019\u5e74\u4e2d\u56fd\u7701\u4efd\u4e16\u754c500\u5f3a\u516c\u53f8\u5206\u5e03\u56fe",
            "subtext": "\u4e16\u754c500\u5f3a",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_5cf430541d6d4852ad362fc466cc895e.setOption(option_5cf430541d6d4852ad362fc466cc895e);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[112]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">美国城市公司数据</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">df</span><span class="p">[</span><span class="s1">&#39;country&#39;</span><span class="p">]</span><span class="o">==</span><span class="s1">&#39;美国&#39;</span><span class="p">]</span> <span class="c1"># 选取等于某些值的行记录用== [pandas 中根据列的值选取多行数据](https://blog.csdn.net/htbeker/article/details/80332360)</span>
<span class="n">美国城市公司数量统计</span> <span class="o">=</span> <span class="n">美国城市公司数据</span><span class="o">.</span><span class="n">groupby</span><span class="p">([</span><span class="s1">&#39;location&#39;</span><span class="p">],</span><span class="n">as_index</span><span class="o">=</span><span class="kc">False</span><span class="p">)[</span><span class="s1">&#39;location&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">agg</span><span class="p">({</span><span class="s1">&#39;cnt&#39;</span><span class="p">:</span><span class="s1">&#39;count&#39;</span><span class="p">})</span>
<span class="n">美国城市公司数量统计排序</span> <span class="o">=</span> <span class="n">美国城市公司数量统计</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">美国城市公司数量统计</span><span class="p">[</span><span class="s1">&#39;cnt&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">abs</span><span class="p">()</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span>
<span class="n">美国城市公司数量统计排序</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[112]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>location</th>
      <th>cnt</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>58</th>
      <td>纽约(New York)</td>
      <td>14</td>
    </tr>
    <tr>
      <th>51</th>
      <td>洛杉矶(Houston)</td>
      <td>6</td>
    </tr>
    <tr>
      <th>0</th>
      <td>亚特兰大(Atlanta)</td>
      <td>4</td>
    </tr>
    <tr>
      <th>60</th>
      <td>芝加哥(Chicago)</td>
      <td>4</td>
    </tr>
    <tr>
      <th>66</th>
      <td>诺斯菲尔德(Deerfield)</td>
      <td>3</td>
    </tr>
    <tr>
      <th>70</th>
      <td>辛辛那提(Cincinnati)</td>
      <td>3</td>
    </tr>
    <tr>
      <th>7</th>
      <td>华盛顿(Washington)</td>
      <td>2</td>
    </tr>
    <tr>
      <th>8</th>
      <td>博伊西(Boise)</td>
      <td>2</td>
    </tr>
    <tr>
      <th>16</th>
      <td>圣安东尼奥(San Antonio)</td>
      <td>2</td>
    </tr>
    <tr>
      <th>19</th>
      <td>夏洛特市(Charlotte)</td>
      <td>2</td>
    </tr>
    <tr>
      <th>27</th>
      <td>帕洛阿尔托(Palo Alto)</td>
      <td>2</td>
    </tr>
    <tr>
      <th>45</th>
      <td>欧文(Irving)</td>
      <td>2</td>
    </tr>
    <tr>
      <th>50</th>
      <td>波士顿(Boston)</td>
      <td>2</td>
    </tr>
    <tr>
      <th>53</th>
      <td>福尔斯彻奇(Falls Church)</td>
      <td>2</td>
    </tr>
    <tr>
      <th>81</th>
      <td>麦克莱恩(McLean)</td>
      <td>2</td>
    </tr>
    <tr>
      <th>40</th>
      <td>明尼阿波利斯(Minneapolis)</td>
      <td>2</td>
    </tr>
    <tr>
      <th>71</th>
      <td>达拉斯(Dallas)</td>
      <td>2</td>
    </tr>
    <tr>
      <th>23</th>
      <td>密尔沃基(Milwaukee)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>18</th>
      <td>圣雷蒙(San Ramon)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>76</th>
      <td>门罗帕克(Menlo Park)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>20</th>
      <td>奥马哈(Omaha)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>21</th>
      <td>威明顿(Wilmington)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>22</th>
      <td>孟菲斯(Memphis)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>24</th>
      <td>山景城(Mountain View)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>77</th>
      <td>阿蒙克(Armonk)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>25</th>
      <td>布卢姆菲尔德(Bloomfield)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>26</th>
      <td>布卢明顿(Bloomington)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>75</th>
      <td>里奇菲尔德(Richfield)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>28</th>
      <td>帕西帕尼(Parsippany)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>29</th>
      <td>库佩蒂诺(Cupertino)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>...</th>
      <td>...</td>
      <td>...</td>
    </tr>
    <tr>
      <th>64</th>
      <td>西雅图(Seattle)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>63</th>
      <td>莫里斯普兰斯(Morris Plains)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>62</th>
      <td>莫林(Moline)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>61</th>
      <td>芬德雷(Findlay)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>68</th>
      <td>费城(Philadelphia)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>59</th>
      <td>纽约(Purchase)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>69</th>
      <td>路易斯维尔市(Louisville)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>57</th>
      <td>纽瓦克(Newark)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>56</th>
      <td>纳什维尔(Nashville)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>55</th>
      <td>累克兰(Lakeland)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>54</th>
      <td>穆尔斯维尔(Mooresville)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>52</th>
      <td>白原市(White Plains)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>72</th>
      <td>迈阿密(Miami)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>73</th>
      <td>迪尔伯恩(Dearborn)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>49</th>
      <td>法明顿(Farmington)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>48</th>
      <td>沃思堡(Fort Worth)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>47</th>
      <td>沃尔瑟姆(Waltham)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>46</th>
      <td>比佛顿(Beaverton)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>74</th>
      <td>都柏林(Dublin)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>44</th>
      <td>森特尼尔(Centennial)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>43</th>
      <td>梅菲尔德村(Mayfield Village)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>42</th>
      <td>本顿维尔(Bentonville)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>41</th>
      <td>朗德罗克(Round Rock)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>80</th>
      <td>雷德蒙德(Redmond)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>39</th>
      <td>明尼苏达(Minnetonka)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>38</th>
      <td>新不伦瑞克(New Brunswick)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>37</th>
      <td>斯普林菲尔德(Springfield)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>36</th>
      <td>斯普林代尔(Springdale)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>35</th>
      <td>斯坦福德(Stamford)</td>
      <td>1</td>
    </tr>
    <tr>
      <th>33</th>
      <td>怀特豪斯(Kenilworth)</td>
      <td>1</td>
    </tr>
  </tbody>
</table>
<p>82 rows × 2 columns</p>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[113]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 另外制作序列表</span>

<span class="n">美国各州公司数量统计排序新列表</span><span class="o">=</span><span class="p">[(</span><span class="s1">&#39;纽约州&#39;</span><span class="p">,</span>  <span class="mi">19</span><span class="p">),(</span><span class="s1">&#39;加利福尼亚州&#39;</span><span class="p">,</span><span class="mi">16</span><span class="p">),</span> <span class="p">(</span><span class="s1">&#39;佐治亚州&#39;</span><span class="p">,</span><span class="mi">5</span><span class="p">),(</span><span class="s1">&#39;伊利诺伊州&#39;</span><span class="p">,</span><span class="mi">12</span><span class="p">),(</span><span class="s1">&#39;明尼苏达州&#39;</span><span class="p">,</span><span class="mi">9</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;俄亥俄州&#39;</span><span class="p">,</span><span class="mi">6</span><span class="p">)</span> <span class="p">,</span>
                  <span class="p">(</span><span class="s1">&#39;华盛顿州&#39;</span><span class="p">,</span><span class="mi">6</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;爱达荷州&#39;</span><span class="p">,</span><span class="mi">2</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;德克萨斯州&#39;</span><span class="p">,</span><span class="mi">6</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;北卡罗来纳州&#39;</span><span class="p">,</span><span class="mi">2</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;艾奥瓦州&#39;</span><span class="p">,</span><span class="mi">2</span><span class="p">)</span> <span class="p">,</span>
                  <span class="p">(</span><span class="s1">&#39;肯塔基州&#39;</span><span class="p">,</span><span class="mi">4</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;马萨诸塞州&#39;</span><span class="p">,</span><span class="mi">4</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;维吉尼亚州&#39;</span><span class="p">,</span><span class="mi">2</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;威斯康辛州&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;内布拉斯加州&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span> <span class="p">,</span>
                  <span class="p">(</span><span class="s1">&#39;特拉华州&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;田纳西州&#39;</span><span class="p">,</span><span class="mi">3</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;新泽西州&#39;</span><span class="p">,</span><span class="mi">3</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;密歇根州&#39;</span><span class="p">,</span><span class="mi">2</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;密苏里州&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">),(</span><span class="s1">&#39;印地安纳州&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">),(</span><span class="s1">&#39;宾夕法尼亚州&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">),</span>
                  <span class="p">(</span><span class="s1">&#39;佛罗里达州&#39;</span><span class="p">,</span><span class="mi">2</span><span class="p">),(</span><span class="s1">&#39;马里兰州&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">),(</span><span class="s1">&#39;罗德岛州&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">),(</span><span class="s1">&#39;阿拉巴马州&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">),(</span><span class="s1">&#39;犹他州&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">),(</span><span class="s1">&#39;俄勒冈州&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">),(</span><span class="s1">&#39;科罗拉多州&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">),</span>
                  <span class="p">(</span><span class="s1">&#39;阿肯色州&#39;</span><span class="p">,</span><span class="mi">2</span><span class="p">)</span> <span class="p">,(</span><span class="s1">&#39;伊利诺州&#39;</span><span class="p">,</span><span class="mi">1</span><span class="p">)]</span> 
<span class="n">美国各州公司数量统计排序</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">(</span><span class="n">美国各州公司数量统计排序新列表</span><span class="p">,</span> <span class="n">columns</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;location&#39;</span><span class="p">,</span> <span class="s1">&#39;cnt&#39;</span><span class="p">])</span> 
<span class="n">美国城市公司数量统计降序</span> <span class="o">=</span> <span class="n">美国各州公司数量统计排序</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">美国各州公司数量统计排序</span><span class="p">[</span><span class="s1">&#39;cnt&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">abs</span><span class="p">()</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span>
<span class="n">美国城市公司数量统计降序</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[113]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>location</th>
      <th>cnt</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>纽约州</td>
      <td>19</td>
    </tr>
    <tr>
      <th>1</th>
      <td>加利福尼亚州</td>
      <td>16</td>
    </tr>
    <tr>
      <th>3</th>
      <td>伊利诺伊州</td>
      <td>12</td>
    </tr>
    <tr>
      <th>4</th>
      <td>明尼苏达州</td>
      <td>9</td>
    </tr>
    <tr>
      <th>5</th>
      <td>俄亥俄州</td>
      <td>6</td>
    </tr>
    <tr>
      <th>6</th>
      <td>华盛顿州</td>
      <td>6</td>
    </tr>
    <tr>
      <th>8</th>
      <td>德克萨斯州</td>
      <td>6</td>
    </tr>
    <tr>
      <th>2</th>
      <td>佐治亚州</td>
      <td>5</td>
    </tr>
    <tr>
      <th>11</th>
      <td>肯塔基州</td>
      <td>4</td>
    </tr>
    <tr>
      <th>12</th>
      <td>马萨诸塞州</td>
      <td>4</td>
    </tr>
    <tr>
      <th>17</th>
      <td>田纳西州</td>
      <td>3</td>
    </tr>
    <tr>
      <th>18</th>
      <td>新泽西州</td>
      <td>3</td>
    </tr>
    <tr>
      <th>30</th>
      <td>阿肯色州</td>
      <td>2</td>
    </tr>
    <tr>
      <th>10</th>
      <td>艾奥瓦州</td>
      <td>2</td>
    </tr>
    <tr>
      <th>7</th>
      <td>爱达荷州</td>
      <td>2</td>
    </tr>
    <tr>
      <th>19</th>
      <td>密歇根州</td>
      <td>2</td>
    </tr>
    <tr>
      <th>9</th>
      <td>北卡罗来纳州</td>
      <td>2</td>
    </tr>
    <tr>
      <th>23</th>
      <td>佛罗里达州</td>
      <td>2</td>
    </tr>
    <tr>
      <th>13</th>
      <td>维吉尼亚州</td>
      <td>2</td>
    </tr>
    <tr>
      <th>31</th>
      <td>伊利诺州</td>
      <td>1</td>
    </tr>
    <tr>
      <th>14</th>
      <td>威斯康辛州</td>
      <td>1</td>
    </tr>
    <tr>
      <th>16</th>
      <td>特拉华州</td>
      <td>1</td>
    </tr>
    <tr>
      <th>20</th>
      <td>密苏里州</td>
      <td>1</td>
    </tr>
    <tr>
      <th>21</th>
      <td>印地安纳州</td>
      <td>1</td>
    </tr>
    <tr>
      <th>22</th>
      <td>宾夕法尼亚州</td>
      <td>1</td>
    </tr>
    <tr>
      <th>24</th>
      <td>马里兰州</td>
      <td>1</td>
    </tr>
    <tr>
      <th>25</th>
      <td>罗德岛州</td>
      <td>1</td>
    </tr>
    <tr>
      <th>26</th>
      <td>阿拉巴马州</td>
      <td>1</td>
    </tr>
    <tr>
      <th>27</th>
      <td>犹他州</td>
      <td>1</td>
    </tr>
    <tr>
      <th>28</th>
      <td>俄勒冈州</td>
      <td>1</td>
    </tr>
    <tr>
      <th>29</th>
      <td>科罗拉多州</td>
      <td>1</td>
    </tr>
    <tr>
      <th>15</th>
      <td>内布拉斯加州</td>
      <td>1</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[117]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Pie</span>

<span class="k">def</span> <span class="nf">pie_radius</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Pie</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Pie</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add</span><span class="p">(</span>
            <span class="s2">&quot;美国各州&quot;</span><span class="p">,</span>
            <span class="p">[</span><span class="nb">list</span><span class="p">(</span><span class="n">z</span><span class="p">)</span> <span class="k">for</span> <span class="n">z</span> <span class="ow">in</span> <span class="nb">zip</span><span class="p">(</span><span class="n">美国城市公司数量统计降序</span><span class="p">[</span><span class="s1">&#39;location&#39;</span><span class="p">],</span> <span class="n">美国城市公司数量统计降序</span><span class="p">[</span><span class="s1">&#39;cnt&#39;</span><span class="p">])],</span>
            <span class="n">radius</span><span class="o">=</span><span class="p">[</span><span class="s2">&quot;55%&quot;</span><span class="p">,</span> <span class="s2">&quot;45%&quot;</span><span class="p">],</span>
        <span class="p">)</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年美国各州世界500强公司分布图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;世界500强&quot;</span><span class="p">),</span>
            <span class="n">legend_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LegendOpts</span><span class="p">(</span>
                <span class="n">orient</span><span class="o">=</span><span class="s2">&quot;vertical&quot;</span><span class="p">,</span> <span class="n">pos_top</span><span class="o">=</span><span class="s2">&quot;12%&quot;</span><span class="p">,</span> <span class="n">pos_left</span><span class="o">=</span><span class="s2">&quot;1%&quot;</span>
            <span class="p">),</span>
        <span class="p">)</span>
        <span class="o">.</span><span class="n">set_series_opts</span><span class="p">(</span><span class="n">label_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">formatter</span><span class="o">=</span><span class="s2">&quot;</span><span class="si">{b}</span><span class="s2">: </span><span class="si">{c}</span><span class="s2">&quot;</span><span class="p">))</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="n">pie_radius</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span> 
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[117]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="069f4b2b2dda46f08ed24667896f696b" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_069f4b2b2dda46f08ed24667896f696b = echarts.init(
                    document.getElementById('069f4b2b2dda46f08ed24667896f696b'), 'white', {renderer: 'canvas'});
                var option_069f4b2b2dda46f08ed24667896f696b = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "pie",
            "name": "\u7f8e\u56fd\u5404\u5dde",
            "clockwise": true,
            "data": [
                {
                    "name": "\u7ebd\u7ea6\u5dde",
                    "value": 19
                },
                {
                    "name": "\u52a0\u5229\u798f\u5c3c\u4e9a\u5dde",
                    "value": 16
                },
                {
                    "name": "\u4f0a\u5229\u8bfa\u4f0a\u5dde",
                    "value": 12
                },
                {
                    "name": "\u660e\u5c3c\u82cf\u8fbe\u5dde",
                    "value": 9
                },
                {
                    "name": "\u4fc4\u4ea5\u4fc4\u5dde",
                    "value": 6
                },
                {
                    "name": "\u534e\u76db\u987f\u5dde",
                    "value": 6
                },
                {
                    "name": "\u5fb7\u514b\u8428\u65af\u5dde",
                    "value": 6
                },
                {
                    "name": "\u4f50\u6cbb\u4e9a\u5dde",
                    "value": 5
                },
                {
                    "name": "\u80af\u5854\u57fa\u5dde",
                    "value": 4
                },
                {
                    "name": "\u9a6c\u8428\u8bf8\u585e\u5dde",
                    "value": 4
                },
                {
                    "name": "\u7530\u7eb3\u897f\u5dde",
                    "value": 3
                },
                {
                    "name": "\u65b0\u6cfd\u897f\u5dde",
                    "value": 3
                },
                {
                    "name": "\u963f\u80af\u8272\u5dde",
                    "value": 2
                },
                {
                    "name": "\u827e\u5965\u74e6\u5dde",
                    "value": 2
                },
                {
                    "name": "\u7231\u8fbe\u8377\u5dde",
                    "value": 2
                },
                {
                    "name": "\u5bc6\u6b47\u6839\u5dde",
                    "value": 2
                },
                {
                    "name": "\u5317\u5361\u7f57\u6765\u7eb3\u5dde",
                    "value": 2
                },
                {
                    "name": "\u4f5b\u7f57\u91cc\u8fbe\u5dde",
                    "value": 2
                },
                {
                    "name": "\u7ef4\u5409\u5c3c\u4e9a\u5dde",
                    "value": 2
                },
                {
                    "name": "\u4f0a\u5229\u8bfa\u5dde",
                    "value": 1
                },
                {
                    "name": "\u5a01\u65af\u5eb7\u8f9b\u5dde",
                    "value": 1
                },
                {
                    "name": "\u7279\u62c9\u534e\u5dde",
                    "value": 1
                },
                {
                    "name": "\u5bc6\u82cf\u91cc\u5dde",
                    "value": 1
                },
                {
                    "name": "\u5370\u5730\u5b89\u7eb3\u5dde",
                    "value": 1
                },
                {
                    "name": "\u5bbe\u5915\u6cd5\u5c3c\u4e9a\u5dde",
                    "value": 1
                },
                {
                    "name": "\u9a6c\u91cc\u5170\u5dde",
                    "value": 1
                },
                {
                    "name": "\u7f57\u5fb7\u5c9b\u5dde",
                    "value": 1
                },
                {
                    "name": "\u963f\u62c9\u5df4\u9a6c\u5dde",
                    "value": 1
                },
                {
                    "name": "\u72b9\u4ed6\u5dde",
                    "value": 1
                },
                {
                    "name": "\u4fc4\u52d2\u5188\u5dde",
                    "value": 1
                },
                {
                    "name": "\u79d1\u7f57\u62c9\u591a\u5dde",
                    "value": 1
                },
                {
                    "name": "\u5185\u5e03\u62c9\u65af\u52a0\u5dde",
                    "value": 1
                }
            ],
            "radius": [
                "55%",
                "45%"
            ],
            "center": [
                "50%",
                "50%"
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8,
                "formatter": "{b}: {c}"
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u7ebd\u7ea6\u5dde",
                "\u52a0\u5229\u798f\u5c3c\u4e9a\u5dde",
                "\u4f0a\u5229\u8bfa\u4f0a\u5dde",
                "\u660e\u5c3c\u82cf\u8fbe\u5dde",
                "\u4fc4\u4ea5\u4fc4\u5dde",
                "\u534e\u76db\u987f\u5dde",
                "\u5fb7\u514b\u8428\u65af\u5dde",
                "\u4f50\u6cbb\u4e9a\u5dde",
                "\u80af\u5854\u57fa\u5dde",
                "\u9a6c\u8428\u8bf8\u585e\u5dde",
                "\u7530\u7eb3\u897f\u5dde",
                "\u65b0\u6cfd\u897f\u5dde",
                "\u963f\u80af\u8272\u5dde",
                "\u827e\u5965\u74e6\u5dde",
                "\u7231\u8fbe\u8377\u5dde",
                "\u5bc6\u6b47\u6839\u5dde",
                "\u5317\u5361\u7f57\u6765\u7eb3\u5dde",
                "\u4f5b\u7f57\u91cc\u8fbe\u5dde",
                "\u7ef4\u5409\u5c3c\u4e9a\u5dde",
                "\u4f0a\u5229\u8bfa\u5dde",
                "\u5a01\u65af\u5eb7\u8f9b\u5dde",
                "\u7279\u62c9\u534e\u5dde",
                "\u5bc6\u82cf\u91cc\u5dde",
                "\u5370\u5730\u5b89\u7eb3\u5dde",
                "\u5bbe\u5915\u6cd5\u5c3c\u4e9a\u5dde",
                "\u9a6c\u91cc\u5170\u5dde",
                "\u7f57\u5fb7\u5c9b\u5dde",
                "\u963f\u62c9\u5df4\u9a6c\u5dde",
                "\u72b9\u4ed6\u5dde",
                "\u4fc4\u52d2\u5188\u5dde",
                "\u79d1\u7f57\u62c9\u591a\u5dde",
                "\u5185\u5e03\u62c9\u65af\u52a0\u5dde"
            ],
            "selected": {},
            "show": true,
            "left": "1%",
            "top": "12%",
            "orient": "vertical",
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "2019\u5e74\u7f8e\u56fd\u5404\u5dde\u4e16\u754c500\u5f3a\u516c\u53f8\u5206\u5e03\u56fe",
            "subtext": "\u4e16\u754c500\u5f3a",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_069f4b2b2dda46f08ed24667896f696b.setOption(option_069f4b2b2dda46f08ed24667896f696b);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[122]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Page</span><span class="p">,</span> <span class="n">WordCloud</span>
<span class="kn">from</span> <span class="nn">pyecharts.globals</span> <span class="kn">import</span> <span class="n">SymbolType</span>

<span class="n">words</span> <span class="o">=</span> <span class="n">美国各州公司数量统计排序新列表</span>


<span class="k">def</span> <span class="nf">wordcloud_diamond</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">WordCloud</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">WordCloud</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="s2">&quot;美国各州&quot;</span><span class="p">,</span> <span class="n">美国各州公司数量统计排序新列表</span><span class="p">,</span> <span class="n">word_size_range</span><span class="o">=</span><span class="p">[</span><span class="mi">20</span><span class="p">,</span> <span class="mi">100</span><span class="p">],</span> <span class="n">shape</span><span class="o">=</span><span class="n">SymbolType</span><span class="o">.</span><span class="n">DIAMOND</span><span class="p">)</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span><span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年美国各州世界500强公司分布图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;世界500强&quot;</span><span class="p">))</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>


<span class="n">wordcloud_diamond</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[122]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min', 'echarts-wordcloud':'https://assets.pyecharts.org/assets/echarts-wordcloud.min'
        }
    });
</script>

        <div id="e5fed087225a4ec095704ca3af2c60cb" style="width:900px; height:500px;"></div>

<script>
        require(['echarts', 'echarts-wordcloud'], function(echarts) {
                var chart_e5fed087225a4ec095704ca3af2c60cb = echarts.init(
                    document.getElementById('e5fed087225a4ec095704ca3af2c60cb'), 'white', {renderer: 'canvas'});
                var option_e5fed087225a4ec095704ca3af2c60cb = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "wordCloud",
            "name": "\u7f8e\u56fd\u5404\u5dde",
            "shape": "diamond",
            "rotationRange": [
                0,
                0
            ],
            "rotationStep": 45,
            "girdSize": 20,
            "sizeRange": [
                20,
                100
            ],
            "data": [
                {
                    "name": "\u7ebd\u7ea6\u5dde",
                    "value": 19,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(16,21,69)"
                        }
                    }
                },
                {
                    "name": "\u52a0\u5229\u798f\u5c3c\u4e9a\u5dde",
                    "value": 16,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(82,108,58)"
                        }
                    }
                },
                {
                    "name": "\u4f50\u6cbb\u4e9a\u5dde",
                    "value": 5,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(57,108,64)"
                        }
                    }
                },
                {
                    "name": "\u4f0a\u5229\u8bfa\u4f0a\u5dde",
                    "value": 12,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(21,101,61)"
                        }
                    }
                },
                {
                    "name": "\u660e\u5c3c\u82cf\u8fbe\u5dde",
                    "value": 9,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(115,152,25)"
                        }
                    }
                },
                {
                    "name": "\u4fc4\u4ea5\u4fc4\u5dde",
                    "value": 6,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(42,104,88)"
                        }
                    }
                },
                {
                    "name": "\u534e\u76db\u987f\u5dde",
                    "value": 6,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(131,60,157)"
                        }
                    }
                },
                {
                    "name": "\u7231\u8fbe\u8377\u5dde",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(66,18,80)"
                        }
                    }
                },
                {
                    "name": "\u5fb7\u514b\u8428\u65af\u5dde",
                    "value": 6,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(42,89,122)"
                        }
                    }
                },
                {
                    "name": "\u5317\u5361\u7f57\u6765\u7eb3\u5dde",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(50,9,156)"
                        }
                    }
                },
                {
                    "name": "\u827e\u5965\u74e6\u5dde",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(0,98,16)"
                        }
                    }
                },
                {
                    "name": "\u80af\u5854\u57fa\u5dde",
                    "value": 4,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(41,149,110)"
                        }
                    }
                },
                {
                    "name": "\u9a6c\u8428\u8bf8\u585e\u5dde",
                    "value": 4,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(60,39,83)"
                        }
                    }
                },
                {
                    "name": "\u7ef4\u5409\u5c3c\u4e9a\u5dde",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(97,74,43)"
                        }
                    }
                },
                {
                    "name": "\u5a01\u65af\u5eb7\u8f9b\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(67,78,36)"
                        }
                    }
                },
                {
                    "name": "\u5185\u5e03\u62c9\u65af\u52a0\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(114,101,18)"
                        }
                    }
                },
                {
                    "name": "\u7279\u62c9\u534e\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(5,71,44)"
                        }
                    }
                },
                {
                    "name": "\u7530\u7eb3\u897f\u5dde",
                    "value": 3,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(95,12,14)"
                        }
                    }
                },
                {
                    "name": "\u65b0\u6cfd\u897f\u5dde",
                    "value": 3,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(118,32,110)"
                        }
                    }
                },
                {
                    "name": "\u5bc6\u6b47\u6839\u5dde",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(118,33,102)"
                        }
                    }
                },
                {
                    "name": "\u5bc6\u82cf\u91cc\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(21,39,53)"
                        }
                    }
                },
                {
                    "name": "\u5370\u5730\u5b89\u7eb3\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(20,71,111)"
                        }
                    }
                },
                {
                    "name": "\u5bbe\u5915\u6cd5\u5c3c\u4e9a\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(63,99,116)"
                        }
                    }
                },
                {
                    "name": "\u4f5b\u7f57\u91cc\u8fbe\u5dde",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(142,102,94)"
                        }
                    }
                },
                {
                    "name": "\u9a6c\u91cc\u5170\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(99,2,108)"
                        }
                    }
                },
                {
                    "name": "\u7f57\u5fb7\u5c9b\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(111,87,84)"
                        }
                    }
                },
                {
                    "name": "\u963f\u62c9\u5df4\u9a6c\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(157,49,71)"
                        }
                    }
                },
                {
                    "name": "\u72b9\u4ed6\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(112,6,13)"
                        }
                    }
                },
                {
                    "name": "\u4fc4\u52d2\u5188\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(151,59,136)"
                        }
                    }
                },
                {
                    "name": "\u79d1\u7f57\u62c9\u591a\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(60,40,153)"
                        }
                    }
                },
                {
                    "name": "\u963f\u80af\u8272\u5dde",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(90,129,32)"
                        }
                    }
                },
                {
                    "name": "\u4f0a\u5229\u8bfa\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(65,15,91)"
                        }
                    }
                }
            ]
        }
    ],
    "legend": [
        {
            "data": [],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "2019\u5e74\u7f8e\u56fd\u5404\u5dde\u4e16\u754c500\u5f3a\u516c\u53f8\u5206\u5e03\u56fe",
            "subtext": "\u4e16\u754c500\u5f3a",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_e5fed087225a4ec095704ca3af2c60cb.setOption(option_e5fed087225a4ec095704ca3af2c60cb);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[126]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 选项卡多图4</span>

<span class="c1"># 词云</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Page</span><span class="p">,</span> <span class="n">WordCloud</span>
<span class="kn">from</span> <span class="nn">pyecharts.globals</span> <span class="kn">import</span> <span class="n">SymbolType</span>

<span class="c1"># 饼图</span>
<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Pie</span>

<span class="c1"># 中国地图</span>
<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Geo</span>
<span class="kn">from</span> <span class="nn">pyecharts.globals</span> <span class="kn">import</span> <span class="n">ChartType</span><span class="p">,</span> <span class="n">SymbolType</span>


<span class="k">def</span> <span class="nf">map_visualmap</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Map</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Map</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="s2">&quot;中国省份&quot;</span><span class="p">,</span> <span class="n">中国省份公司数量统计排序新列表</span><span class="p">,</span> <span class="s2">&quot;china&quot;</span> <span class="p">)</span> <span class="c1"># 这里的china是中国的意思，不能够写美国，美国没有的，画图必须是列表才可以</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年中国省份世界500强公司分布图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;世界500强&quot;</span><span class="p">),</span>
            <span class="n">visualmap_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">VisualMapOpts</span><span class="p">(</span><span class="n">max_</span><span class="o">=</span><span class="mi">200</span><span class="p">),</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>



<span class="n">words</span> <span class="o">=</span> <span class="n">中国省份公司数量统计排序新列表</span>


<span class="k">def</span> <span class="nf">wordcloud_diamond_cn</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">WordCloud</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">WordCloud</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="s2">&quot;中国省份&quot;</span><span class="p">,</span> <span class="n">中国省份公司数量统计排序新列表</span><span class="p">,</span> <span class="n">word_size_range</span><span class="o">=</span><span class="p">[</span><span class="mi">20</span><span class="p">,</span> <span class="mi">100</span><span class="p">],</span> <span class="n">shape</span><span class="o">=</span><span class="n">SymbolType</span><span class="o">.</span><span class="n">DIAMOND</span><span class="p">)</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span><span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年中国省份世界500强公司分布图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;世界500强&quot;</span><span class="p">))</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>



<span class="k">def</span> <span class="nf">pie_radius</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Pie</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Pie</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add</span><span class="p">(</span>
            <span class="s2">&quot;美国各州&quot;</span><span class="p">,</span>
            <span class="p">[</span><span class="nb">list</span><span class="p">(</span><span class="n">z</span><span class="p">)</span> <span class="k">for</span> <span class="n">z</span> <span class="ow">in</span> <span class="nb">zip</span><span class="p">(</span><span class="n">美国城市公司数量统计降序</span><span class="p">[</span><span class="s1">&#39;location&#39;</span><span class="p">],</span> <span class="n">美国城市公司数量统计降序</span><span class="p">[</span><span class="s1">&#39;cnt&#39;</span><span class="p">])],</span>
            <span class="n">radius</span><span class="o">=</span><span class="p">[</span><span class="s2">&quot;55%&quot;</span><span class="p">,</span> <span class="s2">&quot;45%&quot;</span><span class="p">],</span>
        <span class="p">)</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年美国各州世界500强公司分布图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;世界500强&quot;</span><span class="p">),</span>
            <span class="n">legend_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LegendOpts</span><span class="p">(</span>
                <span class="n">orient</span><span class="o">=</span><span class="s2">&quot;vertical&quot;</span><span class="p">,</span> <span class="n">pos_top</span><span class="o">=</span><span class="s2">&quot;12%&quot;</span><span class="p">,</span> <span class="n">pos_left</span><span class="o">=</span><span class="s2">&quot;1%&quot;</span>
            <span class="p">),</span>
        <span class="p">)</span>
        <span class="o">.</span><span class="n">set_series_opts</span><span class="p">(</span><span class="n">label_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">formatter</span><span class="o">=</span><span class="s2">&quot;</span><span class="si">{b}</span><span class="s2">: </span><span class="si">{c}</span><span class="s2">&quot;</span><span class="p">))</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>





<span class="n">words</span> <span class="o">=</span> <span class="n">美国各州公司数量统计排序新列表</span>


<span class="k">def</span> <span class="nf">wordcloud_diamond_US</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">WordCloud</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">WordCloud</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="s2">&quot;美国各州&quot;</span><span class="p">,</span> <span class="n">美国各州公司数量统计排序新列表</span><span class="p">,</span> <span class="n">word_size_range</span><span class="o">=</span><span class="p">[</span><span class="mi">20</span><span class="p">,</span> <span class="mi">100</span><span class="p">],</span> <span class="n">shape</span><span class="o">=</span><span class="n">SymbolType</span><span class="o">.</span><span class="n">DIAMOND</span><span class="p">)</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span><span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年美国各州世界500强公司分布图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;世界500强&quot;</span><span class="p">))</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>



<span class="n">tab</span> <span class="o">=</span> <span class="n">Tab</span><span class="p">()</span>
<span class="n">tab</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">map_visualmap</span><span class="p">(),</span> <span class="s2">&quot;map_visualmap&quot;</span><span class="p">)</span>
<span class="n">tab</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">wordcloud_diamond_cn</span><span class="p">(),</span> <span class="s2">&quot;wordcloud_diamond_cn&quot;</span><span class="p">)</span>
<span class="n">tab</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">pie_radius</span><span class="p">(),</span> <span class="s2">&quot;pie_radius&quot;</span><span class="p">)</span>
<span class="n">tab</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">wordcloud_diamond_US</span><span class="p">(),</span> <span class="s2">&quot;wordcloud_diamond_US&quot;</span><span class="p">)</span>
<span class="n">tab</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[126]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min', 'china':'https://assets.pyecharts.org/assets/maps/china', 'echarts-wordcloud':'https://assets.pyecharts.org/assets/echarts-wordcloud.min'
        }
    });
</script>

    <style>
        .tab {
            overflow: hidden;
            border: 1px solid #ccc;
            background-color: #f1f1f1;
        }

        .tab button {
            background-color: inherit;
            float: left;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 12px 16px;
            transition: 0.3s;
        }

        .tab button:hover {
            background-color: #ddd;
        }

        .tab button.active {
            background-color: #ccc;
        }

        .chart-container {
            display: none;
            padding: 6px 12px;
            border-top: none;
        }
    </style>
<div class="tab">
            <button class="tablinks" onclick="showChart(event, 'e64b6dfa7bbe48d3b877dcfb73199a43')">map_visualmap</button>
            <button class="tablinks" onclick="showChart(event, '8fa5e6208dcf4f44936e18de91dc0428')">wordcloud_diamond_cn</button>
            <button class="tablinks" onclick="showChart(event, '1b8798d8383d4ba3b2dd143caa601c18')">pie_radius</button>
            <button class="tablinks" onclick="showChart(event, '6c1506998dde4bb6a8e749fae298a98a')">wordcloud_diamond_US</button>
    </div>

        <div id="e64b6dfa7bbe48d3b877dcfb73199a43" class="chart-container" style="width:900px; height:500px;"></div>
        <div id="8fa5e6208dcf4f44936e18de91dc0428" class="chart-container" style="width:900px; height:500px;"></div>
        <div id="1b8798d8383d4ba3b2dd143caa601c18" class="chart-container" style="width:900px; height:500px;"></div>
        <div id="6c1506998dde4bb6a8e749fae298a98a" class="chart-container" style="width:900px; height:500px;"></div>

<script>
        require(['echarts', 'china', 'echarts-wordcloud'], function(echarts) {
                var chart_e64b6dfa7bbe48d3b877dcfb73199a43 = echarts.init(
                    document.getElementById('e64b6dfa7bbe48d3b877dcfb73199a43'), 'white', {renderer: 'canvas'});
                var option_e64b6dfa7bbe48d3b877dcfb73199a43 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "map",
            "name": "\u4e2d\u56fd\u7701\u4efd",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "mapType": "china",
            "data": [
                {
                    "name": "\u5317\u4eac",
                    "value": 56
                },
                {
                    "name": "\u4e0a\u6d77",
                    "value": 7
                },
                {
                    "name": "\u9999\u6e2f",
                    "value": 7
                },
                {
                    "name": "\u6df1\u5733",
                    "value": 7
                },
                {
                    "name": "\u53f0\u6e7e",
                    "value": 10
                },
                {
                    "name": "\u6d59\u6c5f",
                    "value": 5
                },
                {
                    "name": "\u798f\u5efa",
                    "value": 5
                },
                {
                    "name": "\u5e7f\u4e1c",
                    "value": 6
                },
                {
                    "name": "\u65b0\u7586",
                    "value": 2
                },
                {
                    "name": "\u9655\u897f",
                    "value": 2
                },
                {
                    "name": "\u5c71\u897f",
                    "value": 5
                },
                {
                    "name": "\u6e56\u5317",
                    "value": 1
                },
                {
                    "name": "\u6c5f\u82cf",
                    "value": 3
                },
                {
                    "name": "\u5c71\u4e1c",
                    "value": 4
                },
                {
                    "name": "\u8fbd\u5b81",
                    "value": 1
                },
                {
                    "name": "\u5409\u6797",
                    "value": 1
                },
                {
                    "name": "\u5b89\u5fbd",
                    "value": 2
                },
                {
                    "name": "\u7518\u8083",
                    "value": 1
                },
                {
                    "name": "\u6cb3\u5357",
                    "value": 1
                },
                {
                    "name": "\u6cb3\u5317",
                    "value": 2
                },
                {
                    "name": "\u6c5f\u897f",
                    "value": 1
                }
            ],
            "roam": true,
            "zoom": 1,
            "showLegendSymbol": true,
            "emphasis": {}
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u56fd\u7701\u4efd"
            ],
            "selected": {
                "\u4e2d\u56fd\u7701\u4efd": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "2019\u5e74\u4e2d\u56fd\u7701\u4efd\u4e16\u754c500\u5f3a\u516c\u53f8\u5206\u5e03\u56fe",
            "subtext": "\u4e16\u754c500\u5f3a",
            "padding": 5,
            "itemGap": 10
        }
    ],
    "visualMap": {
        "show": true,
        "type": "continuous",
        "min": 0,
        "max": 200,
        "inRange": {
            "color": [
                "#50a3ba",
                "#eac763",
                "#d94e5d"
            ]
        },
        "calculable": true,
        "splitNumber": 5,
        "orient": "vertical",
        "showLabel": true,
        "itemWidth": 20,
        "itemHeight": 140
    }
};
                chart_e64b6dfa7bbe48d3b877dcfb73199a43.setOption(option_e64b6dfa7bbe48d3b877dcfb73199a43);
                var chart_8fa5e6208dcf4f44936e18de91dc0428 = echarts.init(
                    document.getElementById('8fa5e6208dcf4f44936e18de91dc0428'), 'white', {renderer: 'canvas'});
                var option_8fa5e6208dcf4f44936e18de91dc0428 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "wordCloud",
            "name": "\u4e2d\u56fd\u7701\u4efd",
            "shape": "diamond",
            "rotationRange": [
                0,
                0
            ],
            "rotationStep": 45,
            "girdSize": 20,
            "sizeRange": [
                20,
                100
            ],
            "data": [
                {
                    "name": "\u5317\u4eac",
                    "value": 56,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(88,134,151)"
                        }
                    }
                },
                {
                    "name": "\u4e0a\u6d77",
                    "value": 7,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(69,137,113)"
                        }
                    }
                },
                {
                    "name": "\u9999\u6e2f",
                    "value": 7,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(80,65,42)"
                        }
                    }
                },
                {
                    "name": "\u6df1\u5733",
                    "value": 7,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(104,52,55)"
                        }
                    }
                },
                {
                    "name": "\u53f0\u6e7e",
                    "value": 10,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(10,44,10)"
                        }
                    }
                },
                {
                    "name": "\u6d59\u6c5f",
                    "value": 5,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(5,160,87)"
                        }
                    }
                },
                {
                    "name": "\u798f\u5efa",
                    "value": 5,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(114,68,24)"
                        }
                    }
                },
                {
                    "name": "\u5e7f\u4e1c",
                    "value": 6,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(4,30,70)"
                        }
                    }
                },
                {
                    "name": "\u65b0\u7586",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(88,16,13)"
                        }
                    }
                },
                {
                    "name": "\u9655\u897f",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(89,33,97)"
                        }
                    }
                },
                {
                    "name": "\u5c71\u897f",
                    "value": 5,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(124,47,108)"
                        }
                    }
                },
                {
                    "name": "\u6e56\u5317",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(89,149,68)"
                        }
                    }
                },
                {
                    "name": "\u6c5f\u82cf",
                    "value": 3,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(101,108,40)"
                        }
                    }
                },
                {
                    "name": "\u5c71\u4e1c",
                    "value": 4,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(147,122,9)"
                        }
                    }
                },
                {
                    "name": "\u8fbd\u5b81",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(135,48,71)"
                        }
                    }
                },
                {
                    "name": "\u5409\u6797",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(46,157,34)"
                        }
                    }
                },
                {
                    "name": "\u5b89\u5fbd",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(4,107,63)"
                        }
                    }
                },
                {
                    "name": "\u7518\u8083",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(40,27,55)"
                        }
                    }
                },
                {
                    "name": "\u6cb3\u5357",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(15,32,124)"
                        }
                    }
                },
                {
                    "name": "\u6cb3\u5317",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(112,54,101)"
                        }
                    }
                },
                {
                    "name": "\u6c5f\u897f",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(28,40,136)"
                        }
                    }
                }
            ]
        }
    ],
    "legend": [
        {
            "data": [],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "2019\u5e74\u4e2d\u56fd\u7701\u4efd\u4e16\u754c500\u5f3a\u516c\u53f8\u5206\u5e03\u56fe",
            "subtext": "\u4e16\u754c500\u5f3a",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_8fa5e6208dcf4f44936e18de91dc0428.setOption(option_8fa5e6208dcf4f44936e18de91dc0428);
                var chart_1b8798d8383d4ba3b2dd143caa601c18 = echarts.init(
                    document.getElementById('1b8798d8383d4ba3b2dd143caa601c18'), 'white', {renderer: 'canvas'});
                var option_1b8798d8383d4ba3b2dd143caa601c18 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "pie",
            "name": "\u7f8e\u56fd\u5404\u5dde",
            "clockwise": true,
            "data": [
                {
                    "name": "\u7ebd\u7ea6\u5dde",
                    "value": 19
                },
                {
                    "name": "\u52a0\u5229\u798f\u5c3c\u4e9a\u5dde",
                    "value": 16
                },
                {
                    "name": "\u4f0a\u5229\u8bfa\u4f0a\u5dde",
                    "value": 12
                },
                {
                    "name": "\u660e\u5c3c\u82cf\u8fbe\u5dde",
                    "value": 9
                },
                {
                    "name": "\u4fc4\u4ea5\u4fc4\u5dde",
                    "value": 6
                },
                {
                    "name": "\u534e\u76db\u987f\u5dde",
                    "value": 6
                },
                {
                    "name": "\u5fb7\u514b\u8428\u65af\u5dde",
                    "value": 6
                },
                {
                    "name": "\u4f50\u6cbb\u4e9a\u5dde",
                    "value": 5
                },
                {
                    "name": "\u80af\u5854\u57fa\u5dde",
                    "value": 4
                },
                {
                    "name": "\u9a6c\u8428\u8bf8\u585e\u5dde",
                    "value": 4
                },
                {
                    "name": "\u7530\u7eb3\u897f\u5dde",
                    "value": 3
                },
                {
                    "name": "\u65b0\u6cfd\u897f\u5dde",
                    "value": 3
                },
                {
                    "name": "\u963f\u80af\u8272\u5dde",
                    "value": 2
                },
                {
                    "name": "\u827e\u5965\u74e6\u5dde",
                    "value": 2
                },
                {
                    "name": "\u7231\u8fbe\u8377\u5dde",
                    "value": 2
                },
                {
                    "name": "\u5bc6\u6b47\u6839\u5dde",
                    "value": 2
                },
                {
                    "name": "\u5317\u5361\u7f57\u6765\u7eb3\u5dde",
                    "value": 2
                },
                {
                    "name": "\u4f5b\u7f57\u91cc\u8fbe\u5dde",
                    "value": 2
                },
                {
                    "name": "\u7ef4\u5409\u5c3c\u4e9a\u5dde",
                    "value": 2
                },
                {
                    "name": "\u4f0a\u5229\u8bfa\u5dde",
                    "value": 1
                },
                {
                    "name": "\u5a01\u65af\u5eb7\u8f9b\u5dde",
                    "value": 1
                },
                {
                    "name": "\u7279\u62c9\u534e\u5dde",
                    "value": 1
                },
                {
                    "name": "\u5bc6\u82cf\u91cc\u5dde",
                    "value": 1
                },
                {
                    "name": "\u5370\u5730\u5b89\u7eb3\u5dde",
                    "value": 1
                },
                {
                    "name": "\u5bbe\u5915\u6cd5\u5c3c\u4e9a\u5dde",
                    "value": 1
                },
                {
                    "name": "\u9a6c\u91cc\u5170\u5dde",
                    "value": 1
                },
                {
                    "name": "\u7f57\u5fb7\u5c9b\u5dde",
                    "value": 1
                },
                {
                    "name": "\u963f\u62c9\u5df4\u9a6c\u5dde",
                    "value": 1
                },
                {
                    "name": "\u72b9\u4ed6\u5dde",
                    "value": 1
                },
                {
                    "name": "\u4fc4\u52d2\u5188\u5dde",
                    "value": 1
                },
                {
                    "name": "\u79d1\u7f57\u62c9\u591a\u5dde",
                    "value": 1
                },
                {
                    "name": "\u5185\u5e03\u62c9\u65af\u52a0\u5dde",
                    "value": 1
                }
            ],
            "radius": [
                "55%",
                "45%"
            ],
            "center": [
                "50%",
                "50%"
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8,
                "formatter": "{b}: {c}"
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u7ebd\u7ea6\u5dde",
                "\u52a0\u5229\u798f\u5c3c\u4e9a\u5dde",
                "\u4f0a\u5229\u8bfa\u4f0a\u5dde",
                "\u660e\u5c3c\u82cf\u8fbe\u5dde",
                "\u4fc4\u4ea5\u4fc4\u5dde",
                "\u534e\u76db\u987f\u5dde",
                "\u5fb7\u514b\u8428\u65af\u5dde",
                "\u4f50\u6cbb\u4e9a\u5dde",
                "\u80af\u5854\u57fa\u5dde",
                "\u9a6c\u8428\u8bf8\u585e\u5dde",
                "\u7530\u7eb3\u897f\u5dde",
                "\u65b0\u6cfd\u897f\u5dde",
                "\u963f\u80af\u8272\u5dde",
                "\u827e\u5965\u74e6\u5dde",
                "\u7231\u8fbe\u8377\u5dde",
                "\u5bc6\u6b47\u6839\u5dde",
                "\u5317\u5361\u7f57\u6765\u7eb3\u5dde",
                "\u4f5b\u7f57\u91cc\u8fbe\u5dde",
                "\u7ef4\u5409\u5c3c\u4e9a\u5dde",
                "\u4f0a\u5229\u8bfa\u5dde",
                "\u5a01\u65af\u5eb7\u8f9b\u5dde",
                "\u7279\u62c9\u534e\u5dde",
                "\u5bc6\u82cf\u91cc\u5dde",
                "\u5370\u5730\u5b89\u7eb3\u5dde",
                "\u5bbe\u5915\u6cd5\u5c3c\u4e9a\u5dde",
                "\u9a6c\u91cc\u5170\u5dde",
                "\u7f57\u5fb7\u5c9b\u5dde",
                "\u963f\u62c9\u5df4\u9a6c\u5dde",
                "\u72b9\u4ed6\u5dde",
                "\u4fc4\u52d2\u5188\u5dde",
                "\u79d1\u7f57\u62c9\u591a\u5dde",
                "\u5185\u5e03\u62c9\u65af\u52a0\u5dde"
            ],
            "selected": {},
            "show": true,
            "left": "1%",
            "top": "12%",
            "orient": "vertical",
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "2019\u5e74\u7f8e\u56fd\u5404\u5dde\u4e16\u754c500\u5f3a\u516c\u53f8\u5206\u5e03\u56fe",
            "subtext": "\u4e16\u754c500\u5f3a",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_1b8798d8383d4ba3b2dd143caa601c18.setOption(option_1b8798d8383d4ba3b2dd143caa601c18);
                var chart_6c1506998dde4bb6a8e749fae298a98a = echarts.init(
                    document.getElementById('6c1506998dde4bb6a8e749fae298a98a'), 'white', {renderer: 'canvas'});
                var option_6c1506998dde4bb6a8e749fae298a98a = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "wordCloud",
            "name": "\u7f8e\u56fd\u5404\u5dde",
            "shape": "diamond",
            "rotationRange": [
                0,
                0
            ],
            "rotationStep": 45,
            "girdSize": 20,
            "sizeRange": [
                20,
                100
            ],
            "data": [
                {
                    "name": "\u7ebd\u7ea6\u5dde",
                    "value": 19,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(57,35,27)"
                        }
                    }
                },
                {
                    "name": "\u52a0\u5229\u798f\u5c3c\u4e9a\u5dde",
                    "value": 16,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(118,80,93)"
                        }
                    }
                },
                {
                    "name": "\u4f50\u6cbb\u4e9a\u5dde",
                    "value": 5,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(149,25,150)"
                        }
                    }
                },
                {
                    "name": "\u4f0a\u5229\u8bfa\u4f0a\u5dde",
                    "value": 12,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(140,79,129)"
                        }
                    }
                },
                {
                    "name": "\u660e\u5c3c\u82cf\u8fbe\u5dde",
                    "value": 9,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(91,32,43)"
                        }
                    }
                },
                {
                    "name": "\u4fc4\u4ea5\u4fc4\u5dde",
                    "value": 6,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(90,78,59)"
                        }
                    }
                },
                {
                    "name": "\u534e\u76db\u987f\u5dde",
                    "value": 6,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(112,79,23)"
                        }
                    }
                },
                {
                    "name": "\u7231\u8fbe\u8377\u5dde",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(100,65,31)"
                        }
                    }
                },
                {
                    "name": "\u5fb7\u514b\u8428\u65af\u5dde",
                    "value": 6,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(37,31,33)"
                        }
                    }
                },
                {
                    "name": "\u5317\u5361\u7f57\u6765\u7eb3\u5dde",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(9,156,89)"
                        }
                    }
                },
                {
                    "name": "\u827e\u5965\u74e6\u5dde",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(134,143,112)"
                        }
                    }
                },
                {
                    "name": "\u80af\u5854\u57fa\u5dde",
                    "value": 4,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(121,128,119)"
                        }
                    }
                },
                {
                    "name": "\u9a6c\u8428\u8bf8\u585e\u5dde",
                    "value": 4,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(53,144,62)"
                        }
                    }
                },
                {
                    "name": "\u7ef4\u5409\u5c3c\u4e9a\u5dde",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(156,118,78)"
                        }
                    }
                },
                {
                    "name": "\u5a01\u65af\u5eb7\u8f9b\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(136,138,92)"
                        }
                    }
                },
                {
                    "name": "\u5185\u5e03\u62c9\u65af\u52a0\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(119,87,28)"
                        }
                    }
                },
                {
                    "name": "\u7279\u62c9\u534e\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(80,120,98)"
                        }
                    }
                },
                {
                    "name": "\u7530\u7eb3\u897f\u5dde",
                    "value": 3,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(51,136,77)"
                        }
                    }
                },
                {
                    "name": "\u65b0\u6cfd\u897f\u5dde",
                    "value": 3,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(63,155,91)"
                        }
                    }
                },
                {
                    "name": "\u5bc6\u6b47\u6839\u5dde",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(149,103,129)"
                        }
                    }
                },
                {
                    "name": "\u5bc6\u82cf\u91cc\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(85,97,34)"
                        }
                    }
                },
                {
                    "name": "\u5370\u5730\u5b89\u7eb3\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(160,89,11)"
                        }
                    }
                },
                {
                    "name": "\u5bbe\u5915\u6cd5\u5c3c\u4e9a\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(136,44,29)"
                        }
                    }
                },
                {
                    "name": "\u4f5b\u7f57\u91cc\u8fbe\u5dde",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(61,63,1)"
                        }
                    }
                },
                {
                    "name": "\u9a6c\u91cc\u5170\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(100,120,115)"
                        }
                    }
                },
                {
                    "name": "\u7f57\u5fb7\u5c9b\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(149,49,139)"
                        }
                    }
                },
                {
                    "name": "\u963f\u62c9\u5df4\u9a6c\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(91,2,67)"
                        }
                    }
                },
                {
                    "name": "\u72b9\u4ed6\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(64,28,112)"
                        }
                    }
                },
                {
                    "name": "\u4fc4\u52d2\u5188\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(119,70,112)"
                        }
                    }
                },
                {
                    "name": "\u79d1\u7f57\u62c9\u591a\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(126,116,1)"
                        }
                    }
                },
                {
                    "name": "\u963f\u80af\u8272\u5dde",
                    "value": 2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(101,33,78)"
                        }
                    }
                },
                {
                    "name": "\u4f0a\u5229\u8bfa\u5dde",
                    "value": 1,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(94,124,93)"
                        }
                    }
                }
            ]
        }
    ],
    "legend": [
        {
            "data": [],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "2019\u5e74\u7f8e\u56fd\u5404\u5dde\u4e16\u754c500\u5f3a\u516c\u53f8\u5206\u5e03\u56fe",
            "subtext": "\u4e16\u754c500\u5f3a",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_6c1506998dde4bb6a8e749fae298a98a.setOption(option_6c1506998dde4bb6a8e749fae298a98a);
        });
    </script>
<script>
        (function() {
            containers = document.getElementsByClassName("chart-container");
            if(containers.length > 0) {
                containers[0].style.display = "block";
            }
        })()

        function showChart(evt, chartID) {
            let containers = document.getElementsByClassName("chart-container");
            for (let i = 0; i < containers.length; i++) {
                containers[i].style.display = "none";
            }

            let tablinks = document.getElementsByClassName("tablinks");
            for (let i = 0; i < tablinks.length; i++) {
                tablinks[i].className = "tablinks";
            }

            document.getElementById(chartID).style.display = "block";
            evt.currentTarget.className += " active";
        }
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#20013;&#32654;&#19978;&#27036;500&#24378;&#20844;&#21496;&#22320;&#22495;&#20998;&#24067;&#23545;&#27604;">&#20013;&#32654;&#19978;&#27036;500&#24378;&#20844;&#21496;&#22320;&#22495;&#20998;&#24067;&#23545;&#27604;<a class="anchor-link" href="#&#20013;&#32654;&#19978;&#27036;500&#24378;&#20844;&#21496;&#22320;&#22495;&#20998;&#24067;&#23545;&#27604;">&#182;</a></h3><ol>
<li>中国上榜全世界前500强的公司中，北京56个占据榜首，比第二名台湾10个足足快多了5.5倍，第三并列为上海香港深圳，第四广州紧跟在其后，第五并列是浙江福建江西。</li>
<li>北京是中国上榜500强公司第一大聚集地，国家控股的500强公司都聚集在北京，台湾的制造以及服务业较为发达，也在榜单前列。身处沿海开放地带的500强公司，借助地域的优势，走在世界前列，但是中国上榜的500强公司分布不均匀，而是大部分集中在高度发达地区，发展地域不均衡。</li>
<li>美国上榜全世界前500强的公司中，纽约州19个占据榜首，与第二名加利福尼亚州相差3个以16个排在第二位，伊利诺伊州12个排在第三，明尼苏达州排在第四，俄亥俄州、华盛顿州和德克萨斯州并列在五。</li>
<li>美国上榜的世界500强企业并没有大幅度集中在发达地区，而是很有均衡地分布在31个州，发展比较均匀没有偏颇，看出美国很重视不同地域的协同发展，并没有特别偏颇重视哪一块地域的发展，比较健康。</li>
</ol>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[144]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">统计2019世界500强在中美公司营收排序</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">df</span><span class="p">[</span><span class="s1">&#39;income&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span> <span class="c1"># 去掉.abs 不要绝对值</span>
<span class="n">统计2019世界500强在中美公司营收前10</span> <span class="o">=</span> <span class="n">统计2019世界500强在中美公司营收排序</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
<span class="n">统计2019世界500强在中美公司营收前10</span> 
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[144]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>2019rate</th>
      <th>2018rate</th>
      <th>company</th>
      <th>income</th>
      <th>profit</th>
      <th>country</th>
      <th>location</th>
      <th>industry</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>1</td>
      <td>沃尔玛（WALMART)</td>
      <td>514405.0</td>
      <td>6670.0</td>
      <td>美国</td>
      <td>本顿维尔(Bentonville)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>1</th>
      <td>2</td>
      <td>3</td>
      <td>中国石油化工集团公司（SINOPEC GROUP)</td>
      <td>414649.9</td>
      <td>5845.0</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>2</th>
      <td>4</td>
      <td>4</td>
      <td>中国石油天然气集团公司（CHINA NATIONAL PETROLEUM)</td>
      <td>392976.6</td>
      <td>2270.5</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>3</th>
      <td>5</td>
      <td>2</td>
      <td>国家电网公司（STATE GRID)</td>
      <td>387056.0</td>
      <td>8174.8</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>4</th>
      <td>8</td>
      <td>9</td>
      <td>埃克森美孚（EXXON MOBIL)</td>
      <td>290212.0</td>
      <td>20840.0</td>
      <td>美国</td>
      <td>欧文(Irving)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>5</th>
      <td>11</td>
      <td>11</td>
      <td>苹果公司（APPLE)</td>
      <td>265595.0</td>
      <td>59531.0</td>
      <td>美国</td>
      <td>库佩蒂诺(Cupertino)</td>
      <td>通讯设备</td>
    </tr>
    <tr>
      <th>6</th>
      <td>12</td>
      <td>10</td>
      <td>伯克希尔－哈撒韦公司（BERKSHIRE HATHAWAY)</td>
      <td>247837.0</td>
      <td>4021.0</td>
      <td>美国</td>
      <td>奥马哈(Omaha)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>7</th>
      <td>13</td>
      <td>18</td>
      <td>亚马逊（AMAZON.COM)</td>
      <td>232887.0</td>
      <td>10073.0</td>
      <td>美国</td>
      <td>西雅图(Seattle)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>8</th>
      <td>14</td>
      <td>15</td>
      <td>联合健康集团（UNITEDHEALTH GROUP)</td>
      <td>226247.0</td>
      <td>11986.0</td>
      <td>美国</td>
      <td>明尼苏达(Minnetonka)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>9</th>
      <td>17</td>
      <td>13</td>
      <td>麦克森公司（MCKESSON)</td>
      <td>214319.0</td>
      <td>34.0</td>
      <td>美国</td>
      <td>欧文(Irving)</td>
      <td>医药制药</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[155]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">统计2019世界500强在中美公司营收前10公司</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在中美公司营收前10</span> <span class="p">[</span><span class="s1">&#39;company&#39;</span><span class="p">])</span>
<span class="n">统计2019世界500强在中美公司营收前10收入</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在中美公司营收前10</span> <span class="p">[</span><span class="s1">&#39;income&#39;</span><span class="p">])</span>

<span class="n">中美营收前10公司名称与营收</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">zip</span><span class="p">(</span><span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在中美公司营收前10</span><span class="p">[</span><span class="s1">&#39;company&#39;</span><span class="p">]),</span><span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在中美公司营收前10</span><span class="p">[</span><span class="s1">&#39;income&#39;</span><span class="p">])))</span> 
<span class="nb">print</span><span class="p">(</span><span class="n">中美营收前10公司名称与营收</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[(&#39;沃尔玛（WALMART)&#39;, 514405.0), (&#39;中国石油化工集团公司（SINOPEC GROUP)&#39;, 414649.9), (&#39;中国石油天然气集团公司（CHINA NATIONAL PETROLEUM)&#39;, 392976.6), (&#39;国家电网公司（STATE GRID)&#39;, 387056.0), (&#39;埃克森美孚（EXXON MOBIL)&#39;, 290212.0), (&#39;苹果公司（APPLE)&#39;, 265595.0), (&#39;伯克希尔－哈撒韦公司（BERKSHIRE HATHAWAY)&#39;, 247837.0), (&#39;亚马逊（AMAZON.COM)&#39;, 232887.0), (&#39;联合健康集团（UNITEDHEALTH GROUP)&#39;, 226247.0), (&#39;麦克森公司（MCKESSON)&#39;, 214319.0)]
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[156]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 制作条形图1</span>

<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Bar</span>


<span class="k">def</span> <span class="nf">bar_base</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">统计2019世界500强在中美公司营收前10公司</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;公司&quot;</span><span class="p">,</span> <span class="n">统计2019世界500强在中美公司营收前10收入</span>  <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019世界500强在中美公司营收前10收入&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;营收前10收入&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>


<span class="n">bar_base</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>   <span class="c1"># [pyecharts x 轴不能完全显示的问题解决,用了评论的解决办法](https://blog.csdn.net/huangwencai123/article/details/100069518)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[156]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="e9612f9229e44b839094beefe25fab5d" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_e9612f9229e44b839094beefe25fab5d = echarts.init(
                    document.getElementById('e9612f9229e44b839094beefe25fab5d'), 'white', {renderer: 'canvas'});
                var option_e9612f9229e44b839094beefe25fab5d = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#546570",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u516c\u53f8",
            "data": [
                514405.0,
                414649.9,
                392976.6,
                387056.0,
                290212.0,
                265595.0,
                247837.0,
                232887.0,
                226247.0,
                214319.0
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u516c\u53f8"
            ],
            "selected": {
                "\u516c\u53f8": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u6c83\u5c14\u739b\uff08WALMART)",
                "\u4e2d\u56fd\u77f3\u6cb9\u5316\u5de5\u96c6\u56e2\u516c\u53f8\uff08SINOPEC GROUP)",
                "\u4e2d\u56fd\u77f3\u6cb9\u5929\u7136\u6c14\u96c6\u56e2\u516c\u53f8\uff08CHINA NATIONAL PETROLEUM)",
                "\u56fd\u5bb6\u7535\u7f51\u516c\u53f8\uff08STATE GRID)",
                "\u57c3\u514b\u68ee\u7f8e\u5b5a\uff08EXXON MOBIL)",
                "\u82f9\u679c\u516c\u53f8\uff08APPLE)",
                "\u4f2f\u514b\u5e0c\u5c14\uff0d\u54c8\u6492\u97e6\u516c\u53f8\uff08BERKSHIRE HATHAWAY)",
                "\u4e9a\u9a6c\u900a\uff08AMAZON.COM)",
                "\u8054\u5408\u5065\u5eb7\u96c6\u56e2\uff08UNITEDHEALTH GROUP)",
                "\u9ea6\u514b\u68ee\u516c\u53f8\uff08MCKESSON)"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u4e16\u754c500\u5f3a\u5728\u4e2d\u7f8e\u516c\u53f8\u8425\u6536\u524d10\u6536\u5165",
            "subtext": "\u8425\u6536\u524d10\u6536\u5165",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_e9612f9229e44b839094beefe25fab5d.setOption(option_e9612f9229e44b839094beefe25fab5d);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#20013;&#32654;&#19990;&#30028;500&#24378;&#20844;&#21496;&#33829;&#25910;&#23545;&#27604;">&#20013;&#32654;&#19990;&#30028;500&#24378;&#20844;&#21496;&#33829;&#25910;&#23545;&#27604;<a class="anchor-link" href="#&#20013;&#32654;&#19990;&#30028;500&#24378;&#20844;&#21496;&#33829;&#25910;&#23545;&#27604;">&#182;</a></h3><ol>
<li>在中美世界500强营收前十中，中国仅仅占据3个，7个全都是美国，可见美国的占比还是挺高。</li>
<li>行业数量上，石油煤炭资源行业占据第一，医疗制药和批发零售紧跟其后，能源资源行业不出意料地排在前面，但前五中中国的能源资源国家控股公司有3个</li>
<li>值得注意的是美国的医药制药排在前十，说明美国很重视医药制药的发展。</li>
</ol>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[147]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">中国城市公司数据</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">df</span><span class="p">[</span><span class="s1">&#39;country&#39;</span><span class="p">]</span><span class="o">==</span><span class="s1">&#39;中国&#39;</span><span class="p">]</span>
<span class="n">统计2019世界500强在中国公司营收排序</span> <span class="o">=</span> <span class="n">中国城市公司数据</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">中国城市公司数据</span><span class="p">[</span><span class="s1">&#39;income&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span>
<span class="n">统计2019世界500强在中国公司营收前10</span> <span class="o">=</span> <span class="n">统计2019世界500强在中国公司营收排序</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
<span class="n">统计2019世界500强在中国公司营收前10</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[147]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>2019rate</th>
      <th>2018rate</th>
      <th>company</th>
      <th>income</th>
      <th>profit</th>
      <th>country</th>
      <th>location</th>
      <th>industry</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>1</th>
      <td>2</td>
      <td>3</td>
      <td>中国石油化工集团公司（SINOPEC GROUP)</td>
      <td>414649.9</td>
      <td>5845.0</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>2</th>
      <td>4</td>
      <td>4</td>
      <td>中国石油天然气集团公司（CHINA NATIONAL PETROLEUM)</td>
      <td>392976.6</td>
      <td>2270.5</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>3</th>
      <td>5</td>
      <td>2</td>
      <td>国家电网公司（STATE GRID)</td>
      <td>387056.0</td>
      <td>8174.8</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>11</th>
      <td>21</td>
      <td>23</td>
      <td>中国建筑集团有限公司（CHINA STATE CONSTRUCTION ENGINEERING)</td>
      <td>181524.5</td>
      <td>3159.5</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>基础建设</td>
    </tr>
    <tr>
      <th>12</th>
      <td>23</td>
      <td>24</td>
      <td>鸿海精密工业股份有限公司（HON HAI PRECISION INDUSTRY)</td>
      <td>175617.0</td>
      <td>4281.6</td>
      <td>中国</td>
      <td>台北(New Taipei City)</td>
      <td>通讯设备</td>
    </tr>
    <tr>
      <th>14</th>
      <td>26</td>
      <td>26</td>
      <td>中国工商银行（INDUSTRIAL &amp; COMMERCIAL BANK OF CHINA)</td>
      <td>168979.0</td>
      <td>45002.3</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>17</th>
      <td>29</td>
      <td>29</td>
      <td>中国平安保险（集团）股份有限公司（PING AN INSURANCE)</td>
      <td>163597.4</td>
      <td>16237.2</td>
      <td>中国</td>
      <td>深圳(Shenzhen)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>19</th>
      <td>31</td>
      <td>31</td>
      <td>中国建设银行（CHINA CONSTRUCTION BANK)</td>
      <td>151110.8</td>
      <td>38498.4</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>22</th>
      <td>36</td>
      <td>40</td>
      <td>中国农业银行（AGRICULTURAL BANK OF CHINA)</td>
      <td>139523.6</td>
      <td>30656.5</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>25</th>
      <td>39</td>
      <td>36</td>
      <td>上海汽车集团股份有限公司（SAIC MOTOR)</td>
      <td>136392.5</td>
      <td>5443.8</td>
      <td>中国</td>
      <td>上海(Shanghai)</td>
      <td>交通运输</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[157]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">统计2019世界500强在中国公司营收前10公司</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在中国公司营收前10</span><span class="p">[</span><span class="s1">&#39;company&#39;</span><span class="p">])</span>
<span class="n">统计2019世界500强在中国公司营收前10收入</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在中国公司营收前10</span><span class="p">[</span><span class="s1">&#39;income&#39;</span><span class="p">])</span>

<span class="n">中国营收前10公司名称与营收</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">zip</span><span class="p">(</span><span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在中国公司营收前10</span><span class="p">[</span><span class="s1">&#39;company&#39;</span><span class="p">]),</span><span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在中国公司营收前10</span><span class="p">[</span><span class="s1">&#39;profit&#39;</span><span class="p">])))</span> 
<span class="nb">print</span><span class="p">(</span><span class="n">中国营收前10公司名称与营收</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[(&#39;中国石油化工集团公司（SINOPEC GROUP)&#39;, 5845.0), (&#39;中国石油天然气集团公司（CHINA NATIONAL PETROLEUM)&#39;, 2270.5), (&#39;国家电网公司（STATE GRID)&#39;, 8174.8), (&#39;中国建筑集团有限公司（CHINA STATE CONSTRUCTION ENGINEERING)&#39;, 3159.5), (&#39;鸿海精密工业股份有限公司（HON HAI PRECISION INDUSTRY)&#39;, 4281.6), (&#39;中国工商银行（INDUSTRIAL &amp; COMMERCIAL BANK OF CHINA)&#39;, 45002.3), (&#39;中国平安保险（集团）股份有限公司（PING AN INSURANCE)&#39;, 16237.2), (&#39;中国建设银行（CHINA CONSTRUCTION BANK)&#39;, 38498.4), (&#39;中国农业银行（AGRICULTURAL BANK OF CHINA)&#39;, 30656.5), (&#39;上海汽车集团股份有限公司（SAIC MOTOR)&#39;, 5443.8)]
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[158]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 制作条形图1</span>

<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Bar</span>


<span class="k">def</span> <span class="nf">bar_base</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">统计2019世界500强在中国公司营收前10公司</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;中国公司&quot;</span><span class="p">,</span> <span class="n">统计2019世界500强在中国公司营收前10收入</span>  <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019世界500强在中国公司营收前10收入&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;营收前10收入&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>


<span class="n">bar_base</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>   <span class="c1"># [pyecharts x 轴不能完全显示的问题解决,用了评论的解决办法](https://blog.csdn.net/huangwencai123/article/details/100069518)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[158]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="c5c620bac1764c83801f6296f36e6617" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_c5c620bac1764c83801f6296f36e6617 = echarts.init(
                    document.getElementById('c5c620bac1764c83801f6296f36e6617'), 'white', {renderer: 'canvas'});
                var option_c5c620bac1764c83801f6296f36e6617 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#ac6767",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u4e2d\u56fd\u516c\u53f8",
            "data": [
                414649.9,
                392976.6,
                387056.0,
                181524.5,
                175617.0,
                168979.0,
                163597.4,
                151110.8,
                139523.6,
                136392.5
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u56fd\u516c\u53f8"
            ],
            "selected": {
                "\u4e2d\u56fd\u516c\u53f8": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u4e2d\u56fd\u77f3\u6cb9\u5316\u5de5\u96c6\u56e2\u516c\u53f8\uff08SINOPEC GROUP)",
                "\u4e2d\u56fd\u77f3\u6cb9\u5929\u7136\u6c14\u96c6\u56e2\u516c\u53f8\uff08CHINA NATIONAL PETROLEUM)",
                "\u56fd\u5bb6\u7535\u7f51\u516c\u53f8\uff08STATE GRID)",
                "\u4e2d\u56fd\u5efa\u7b51\u96c6\u56e2\u6709\u9650\u516c\u53f8\uff08CHINA STATE CONSTRUCTION ENGINEERING)",
                "\u9e3f\u6d77\u7cbe\u5bc6\u5de5\u4e1a\u80a1\u4efd\u6709\u9650\u516c\u53f8\uff08HON HAI PRECISION INDUSTRY)",
                "\u4e2d\u56fd\u5de5\u5546\u94f6\u884c\uff08INDUSTRIAL & COMMERCIAL BANK OF CHINA)",
                "\u4e2d\u56fd\u5e73\u5b89\u4fdd\u9669\uff08\u96c6\u56e2\uff09\u80a1\u4efd\u6709\u9650\u516c\u53f8\uff08PING AN INSURANCE)",
                "\u4e2d\u56fd\u5efa\u8bbe\u94f6\u884c\uff08CHINA CONSTRUCTION BANK)",
                "\u4e2d\u56fd\u519c\u4e1a\u94f6\u884c\uff08AGRICULTURAL BANK OF CHINA)",
                "\u4e0a\u6d77\u6c7d\u8f66\u96c6\u56e2\u80a1\u4efd\u6709\u9650\u516c\u53f8\uff08SAIC MOTOR)"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u4e16\u754c500\u5f3a\u5728\u4e2d\u56fd\u516c\u53f8\u8425\u6536\u524d10\u6536\u5165",
            "subtext": "\u8425\u6536\u524d10\u6536\u5165",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_c5c620bac1764c83801f6296f36e6617.setOption(option_c5c620bac1764c83801f6296f36e6617);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#20013;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#33829;&#25910;&#24773;&#20917;">&#20013;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#33829;&#25910;&#24773;&#20917;<a class="anchor-link" href="#&#20013;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#33829;&#25910;&#24773;&#20917;">&#182;</a></h3><ol>
<li>个数上：分布在北京占据了7个，台北深圳上海各一个，资源在北京还是比较集中。</li>
<li>行业数量上，银行证券三个排在首位，石油煤炭与电信电力各两个在第二，基础建设通讯设备交通运输各一个都是在第三位</li>
<li>传统能源资源与银行证券在中国是持有较大比率，与中国国情密切相关。</li>
</ol>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[152]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">美国城市公司数据</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">df</span><span class="p">[</span><span class="s1">&#39;country&#39;</span><span class="p">]</span><span class="o">==</span><span class="s1">&#39;美国&#39;</span><span class="p">]</span>
<span class="n">统计2019世界500强在美国公司营收排序</span> <span class="o">=</span> <span class="n">美国城市公司数据</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">美国城市公司数据</span><span class="p">[</span><span class="s1">&#39;income&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span>
<span class="n">统计2019世界500强在美国公司营收前10</span> <span class="o">=</span> <span class="n">统计2019世界500强在美国公司营收排序</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
<span class="n">统计2019世界500强在美国公司营收前10</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[152]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>2019rate</th>
      <th>2018rate</th>
      <th>company</th>
      <th>income</th>
      <th>profit</th>
      <th>country</th>
      <th>location</th>
      <th>industry</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>1</td>
      <td>沃尔玛（WALMART)</td>
      <td>514405.0</td>
      <td>6670.0</td>
      <td>美国</td>
      <td>本顿维尔(Bentonville)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>4</th>
      <td>8</td>
      <td>9</td>
      <td>埃克森美孚（EXXON MOBIL)</td>
      <td>290212.0</td>
      <td>20840.0</td>
      <td>美国</td>
      <td>欧文(Irving)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>5</th>
      <td>11</td>
      <td>11</td>
      <td>苹果公司（APPLE)</td>
      <td>265595.0</td>
      <td>59531.0</td>
      <td>美国</td>
      <td>库佩蒂诺(Cupertino)</td>
      <td>通讯设备</td>
    </tr>
    <tr>
      <th>6</th>
      <td>12</td>
      <td>10</td>
      <td>伯克希尔－哈撒韦公司（BERKSHIRE HATHAWAY)</td>
      <td>247837.0</td>
      <td>4021.0</td>
      <td>美国</td>
      <td>奥马哈(Omaha)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>7</th>
      <td>13</td>
      <td>18</td>
      <td>亚马逊（AMAZON.COM)</td>
      <td>232887.0</td>
      <td>10073.0</td>
      <td>美国</td>
      <td>西雅图(Seattle)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>8</th>
      <td>14</td>
      <td>15</td>
      <td>联合健康集团（UNITEDHEALTH GROUP)</td>
      <td>226247.0</td>
      <td>11986.0</td>
      <td>美国</td>
      <td>明尼苏达(Minnetonka)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>9</th>
      <td>17</td>
      <td>13</td>
      <td>麦克森公司（MCKESSON)</td>
      <td>214319.0</td>
      <td>34.0</td>
      <td>美国</td>
      <td>欧文(Irving)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>10</th>
      <td>19</td>
      <td>17</td>
      <td>CVS Health 公司（CVS HEALTH)</td>
      <td>194579.0</td>
      <td>-594.0</td>
      <td>美国</td>
      <td>文索基特(Woonsocket)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>13</th>
      <td>25</td>
      <td>20</td>
      <td>美国电话电报公司（AT&amp;T)</td>
      <td>170756.0</td>
      <td>19370.0</td>
      <td>美国</td>
      <td>达拉斯(Dallas)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>15</th>
      <td>27</td>
      <td>25</td>
      <td>美源伯根公司（AMERISOURCEBERGEN)</td>
      <td>167939.6</td>
      <td>1658.4</td>
      <td>美国</td>
      <td>切斯特(Chesterbrook)</td>
      <td>医药制药</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[159]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">统计2019世界500强在美国公司营收前10公司</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在美国公司营收前10</span><span class="p">[</span><span class="s1">&#39;company&#39;</span><span class="p">])</span>
<span class="n">统计2019世界500强在美国公司营收前10收入</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在美国公司营收前10</span><span class="p">[</span><span class="s1">&#39;income&#39;</span><span class="p">])</span>

<span class="n">美国营收前10公司与营收</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">zip</span><span class="p">(</span><span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在美国公司营收前10</span><span class="p">[</span><span class="s1">&#39;company&#39;</span><span class="p">]),</span><span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在美国公司营收前10</span><span class="p">[</span><span class="s1">&#39;profit&#39;</span><span class="p">])))</span> 
<span class="nb">print</span><span class="p">(</span><span class="n">美国营收前10公司与营收</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[(&#39;沃尔玛（WALMART)&#39;, 6670.0), (&#39;埃克森美孚（EXXON MOBIL)&#39;, 20840.0), (&#39;苹果公司（APPLE)&#39;, 59531.0), (&#39;伯克希尔－哈撒韦公司（BERKSHIRE HATHAWAY)&#39;, 4021.0), (&#39;亚马逊（AMAZON.COM)&#39;, 10073.0), (&#39;联合健康集团（UNITEDHEALTH GROUP)&#39;, 11986.0), (&#39;麦克森公司（MCKESSON)&#39;, 34.0), (&#39;CVS Health 公司（CVS HEALTH)&#39;, -594.0), (&#39;美国电话电报公司（AT&amp;T)&#39;, 19370.0), (&#39;美源伯根公司（AMERISOURCEBERGEN)&#39;, 1658.4)]
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[160]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 制作条形图1</span>

<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Bar</span>


<span class="k">def</span> <span class="nf">bar_base</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">统计2019世界500强在美国公司营收前10公司</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;美国公司&quot;</span><span class="p">,</span> <span class="n">统计2019世界500强在美国公司营收前10收入</span>  <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019世界500强在美国公司营收前10收入&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;营收前10收入&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>


<span class="n">bar_base</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>   <span class="c1"># [pyecharts x 轴不能完全显示的问题解决,用了评论的解决办法](https://blog.csdn.net/huangwencai123/article/details/100069518)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[160]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="1a3bb7e79ee14efca759b0b182beb6c8" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_1a3bb7e79ee14efca759b0b182beb6c8 = echarts.init(
                    document.getElementById('1a3bb7e79ee14efca759b0b182beb6c8'), 'white', {renderer: 'canvas'});
                var option_1a3bb7e79ee14efca759b0b182beb6c8 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#d48265",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u7f8e\u56fd\u516c\u53f8",
            "data": [
                514405.0,
                290212.0,
                265595.0,
                247837.0,
                232887.0,
                226247.0,
                214319.0,
                194579.0,
                170756.0,
                167939.6
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u7f8e\u56fd\u516c\u53f8"
            ],
            "selected": {
                "\u7f8e\u56fd\u516c\u53f8": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u6c83\u5c14\u739b\uff08WALMART)",
                "\u57c3\u514b\u68ee\u7f8e\u5b5a\uff08EXXON MOBIL)",
                "\u82f9\u679c\u516c\u53f8\uff08APPLE)",
                "\u4f2f\u514b\u5e0c\u5c14\uff0d\u54c8\u6492\u97e6\u516c\u53f8\uff08BERKSHIRE HATHAWAY)",
                "\u4e9a\u9a6c\u900a\uff08AMAZON.COM)",
                "\u8054\u5408\u5065\u5eb7\u96c6\u56e2\uff08UNITEDHEALTH GROUP)",
                "\u9ea6\u514b\u68ee\u516c\u53f8\uff08MCKESSON)",
                "CVS Health \u516c\u53f8\uff08CVS HEALTH)",
                "\u7f8e\u56fd\u7535\u8bdd\u7535\u62a5\u516c\u53f8\uff08AT&T)",
                "\u7f8e\u6e90\u4f2f\u6839\u516c\u53f8\uff08AMERISOURCEBERGEN)"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u4e16\u754c500\u5f3a\u5728\u7f8e\u56fd\u516c\u53f8\u8425\u6536\u524d10\u6536\u5165",
            "subtext": "\u8425\u6536\u524d10\u6536\u5165",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_1a3bb7e79ee14efca759b0b182beb6c8.setOption(option_1a3bb7e79ee14efca759b0b182beb6c8);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#32654;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#33829;&#25910;&#24773;&#20917;">&#32654;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#33829;&#25910;&#24773;&#20917;<a class="anchor-link" href="#&#32654;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#33829;&#25910;&#24773;&#20917;">&#182;</a></h3><ol>
<li>个数上，公司分布较为分散，不会很集中，排在第一就是批发零售的沃尔玛</li>
<li>行业数量上，医疗制药5个排在首位，批发零售2个在第二，石油煤炭通讯设备银行证券各1个都是在第三位。</li>
<li>需要注意的是美国的医疗制药，虽然排名在后面但是分布在美国就占比占据了一半，可以说是支柱性产业与朝阳产业，关乎国民生命健康的行业。</li>
</ol>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[167]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 制作条形图1</span>

<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Bar</span>


<span class="k">def</span> <span class="nf">bar_base_CA</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">统计2019世界500强在中美公司营收前10公司</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;公司&quot;</span><span class="p">,</span> <span class="n">统计2019世界500强在中美公司营收前10收入</span>  <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019世界500强在中美公司营收前10收入&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;营收前10收入&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="k">def</span> <span class="nf">bar_base_C</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">统计2019世界500强在中国公司营收前10公司</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;中国公司&quot;</span><span class="p">,</span> <span class="n">统计2019世界500强在中国公司营收前10收入</span>  <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019世界500强在中国公司营收前10收入&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;营收前10收入&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="k">def</span> <span class="nf">bar_base_A</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">统计2019世界500强在美国公司营收前10公司</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;美国公司&quot;</span><span class="p">,</span> <span class="n">统计2019世界500强在美国公司营收前10收入</span>  <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019世界500强在美国公司营收前10收入&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;营收前10收入&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="n">tab</span> <span class="o">=</span> <span class="n">Tab</span><span class="p">()</span>
<span class="n">tab</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">bar_base_CA</span><span class="p">(),</span> <span class="s2">&quot;中美&quot;</span><span class="p">)</span>
<span class="n">tab</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">bar_base_C</span><span class="p">(),</span> <span class="s2">&quot;中国&quot;</span><span class="p">)</span>
<span class="n">tab</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">bar_base_A</span><span class="p">(),</span> <span class="s2">&quot;美国&quot;</span><span class="p">)</span>
<span class="n">tab</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[167]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

    <style>
        .tab {
            overflow: hidden;
            border: 1px solid #ccc;
            background-color: #f1f1f1;
        }

        .tab button {
            background-color: inherit;
            float: left;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 12px 16px;
            transition: 0.3s;
        }

        .tab button:hover {
            background-color: #ddd;
        }

        .tab button.active {
            background-color: #ccc;
        }

        .chart-container {
            display: none;
            padding: 6px 12px;
            border-top: none;
        }
    </style>
<div class="tab">
            <button class="tablinks" onclick="showChart(event, '6665743e83274a6faaa19c9c02c8a0af')">中美</button>
            <button class="tablinks" onclick="showChart(event, '9dd607fb0b094f7682e4a3146430267c')">中国</button>
            <button class="tablinks" onclick="showChart(event, '8b127251f6484ddd9fc35b609b18ca82')">美国</button>
    </div>

        <div id="6665743e83274a6faaa19c9c02c8a0af" class="chart-container" style="width:900px; height:500px;"></div>
        <div id="9dd607fb0b094f7682e4a3146430267c" class="chart-container" style="width:900px; height:500px;"></div>
        <div id="8b127251f6484ddd9fc35b609b18ca82" class="chart-container" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_6665743e83274a6faaa19c9c02c8a0af = echarts.init(
                    document.getElementById('6665743e83274a6faaa19c9c02c8a0af'), 'white', {renderer: 'canvas'});
                var option_6665743e83274a6faaa19c9c02c8a0af = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#546570",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u516c\u53f8",
            "data": [
                514405.0,
                414649.9,
                392976.6,
                387056.0,
                290212.0,
                265595.0,
                247837.0,
                232887.0,
                226247.0,
                214319.0
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u516c\u53f8"
            ],
            "selected": {
                "\u516c\u53f8": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u6c83\u5c14\u739b\uff08WALMART)",
                "\u4e2d\u56fd\u77f3\u6cb9\u5316\u5de5\u96c6\u56e2\u516c\u53f8\uff08SINOPEC GROUP)",
                "\u4e2d\u56fd\u77f3\u6cb9\u5929\u7136\u6c14\u96c6\u56e2\u516c\u53f8\uff08CHINA NATIONAL PETROLEUM)",
                "\u56fd\u5bb6\u7535\u7f51\u516c\u53f8\uff08STATE GRID)",
                "\u57c3\u514b\u68ee\u7f8e\u5b5a\uff08EXXON MOBIL)",
                "\u82f9\u679c\u516c\u53f8\uff08APPLE)",
                "\u4f2f\u514b\u5e0c\u5c14\uff0d\u54c8\u6492\u97e6\u516c\u53f8\uff08BERKSHIRE HATHAWAY)",
                "\u4e9a\u9a6c\u900a\uff08AMAZON.COM)",
                "\u8054\u5408\u5065\u5eb7\u96c6\u56e2\uff08UNITEDHEALTH GROUP)",
                "\u9ea6\u514b\u68ee\u516c\u53f8\uff08MCKESSON)"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u4e16\u754c500\u5f3a\u5728\u4e2d\u7f8e\u516c\u53f8\u8425\u6536\u524d10\u6536\u5165",
            "subtext": "\u8425\u6536\u524d10\u6536\u5165",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_6665743e83274a6faaa19c9c02c8a0af.setOption(option_6665743e83274a6faaa19c9c02c8a0af);
                var chart_9dd607fb0b094f7682e4a3146430267c = echarts.init(
                    document.getElementById('9dd607fb0b094f7682e4a3146430267c'), 'white', {renderer: 'canvas'});
                var option_9dd607fb0b094f7682e4a3146430267c = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#ac6767",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u4e2d\u56fd\u516c\u53f8",
            "data": [
                414649.9,
                392976.6,
                387056.0,
                181524.5,
                175617.0,
                168979.0,
                163597.4,
                151110.8,
                139523.6,
                136392.5
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u56fd\u516c\u53f8"
            ],
            "selected": {
                "\u4e2d\u56fd\u516c\u53f8": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u4e2d\u56fd\u77f3\u6cb9\u5316\u5de5\u96c6\u56e2\u516c\u53f8\uff08SINOPEC GROUP)",
                "\u4e2d\u56fd\u77f3\u6cb9\u5929\u7136\u6c14\u96c6\u56e2\u516c\u53f8\uff08CHINA NATIONAL PETROLEUM)",
                "\u56fd\u5bb6\u7535\u7f51\u516c\u53f8\uff08STATE GRID)",
                "\u4e2d\u56fd\u5efa\u7b51\u96c6\u56e2\u6709\u9650\u516c\u53f8\uff08CHINA STATE CONSTRUCTION ENGINEERING)",
                "\u9e3f\u6d77\u7cbe\u5bc6\u5de5\u4e1a\u80a1\u4efd\u6709\u9650\u516c\u53f8\uff08HON HAI PRECISION INDUSTRY)",
                "\u4e2d\u56fd\u5de5\u5546\u94f6\u884c\uff08INDUSTRIAL & COMMERCIAL BANK OF CHINA)",
                "\u4e2d\u56fd\u5e73\u5b89\u4fdd\u9669\uff08\u96c6\u56e2\uff09\u80a1\u4efd\u6709\u9650\u516c\u53f8\uff08PING AN INSURANCE)",
                "\u4e2d\u56fd\u5efa\u8bbe\u94f6\u884c\uff08CHINA CONSTRUCTION BANK)",
                "\u4e2d\u56fd\u519c\u4e1a\u94f6\u884c\uff08AGRICULTURAL BANK OF CHINA)",
                "\u4e0a\u6d77\u6c7d\u8f66\u96c6\u56e2\u80a1\u4efd\u6709\u9650\u516c\u53f8\uff08SAIC MOTOR)"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u4e16\u754c500\u5f3a\u5728\u4e2d\u56fd\u516c\u53f8\u8425\u6536\u524d10\u6536\u5165",
            "subtext": "\u8425\u6536\u524d10\u6536\u5165",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_9dd607fb0b094f7682e4a3146430267c.setOption(option_9dd607fb0b094f7682e4a3146430267c);
                var chart_8b127251f6484ddd9fc35b609b18ca82 = echarts.init(
                    document.getElementById('8b127251f6484ddd9fc35b609b18ca82'), 'white', {renderer: 'canvas'});
                var option_8b127251f6484ddd9fc35b609b18ca82 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#ac6767",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u7f8e\u56fd\u516c\u53f8",
            "data": [
                514405.0,
                290212.0,
                265595.0,
                247837.0,
                232887.0,
                226247.0,
                214319.0,
                194579.0,
                170756.0,
                167939.6
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u7f8e\u56fd\u516c\u53f8"
            ],
            "selected": {
                "\u7f8e\u56fd\u516c\u53f8": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u6c83\u5c14\u739b\uff08WALMART)",
                "\u57c3\u514b\u68ee\u7f8e\u5b5a\uff08EXXON MOBIL)",
                "\u82f9\u679c\u516c\u53f8\uff08APPLE)",
                "\u4f2f\u514b\u5e0c\u5c14\uff0d\u54c8\u6492\u97e6\u516c\u53f8\uff08BERKSHIRE HATHAWAY)",
                "\u4e9a\u9a6c\u900a\uff08AMAZON.COM)",
                "\u8054\u5408\u5065\u5eb7\u96c6\u56e2\uff08UNITEDHEALTH GROUP)",
                "\u9ea6\u514b\u68ee\u516c\u53f8\uff08MCKESSON)",
                "CVS Health \u516c\u53f8\uff08CVS HEALTH)",
                "\u7f8e\u56fd\u7535\u8bdd\u7535\u62a5\u516c\u53f8\uff08AT&T)",
                "\u7f8e\u6e90\u4f2f\u6839\u516c\u53f8\uff08AMERISOURCEBERGEN)"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u4e16\u754c500\u5f3a\u5728\u7f8e\u56fd\u516c\u53f8\u8425\u6536\u524d10\u6536\u5165",
            "subtext": "\u8425\u6536\u524d10\u6536\u5165",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_8b127251f6484ddd9fc35b609b18ca82.setOption(option_8b127251f6484ddd9fc35b609b18ca82);
        });
    </script>
<script>
        (function() {
            containers = document.getElementsByClassName("chart-container");
            if(containers.length > 0) {
                containers[0].style.display = "block";
            }
        })()

        function showChart(evt, chartID) {
            let containers = document.getElementsByClassName("chart-container");
            for (let i = 0; i < containers.length; i++) {
                containers[i].style.display = "none";
            }

            let tablinks = document.getElementsByClassName("tablinks");
            for (let i = 0; i < tablinks.length; i++) {
                tablinks[i].className = "tablinks";
            }

            document.getElementById(chartID).style.display = "block";
            evt.currentTarget.className += " active";
        }
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[129]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">统计2019世界500强在中美公司利润排序</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">df</span><span class="p">[</span><span class="s1">&#39;profit&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span> <span class="c1"># 去掉.abs 不要绝对值</span>
<span class="n">统计2019世界500强在中美公司利润前10</span> <span class="o">=</span> <span class="n">统计2019世界500强在中美公司利润排序</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
<span class="n">统计2019世界500强在中美公司利润前10</span> 
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[129]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>2019rate</th>
      <th>2018rate</th>
      <th>company</th>
      <th>income</th>
      <th>profit</th>
      <th>country</th>
      <th>location</th>
      <th>industry</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>5</th>
      <td>11</td>
      <td>11</td>
      <td>苹果公司（APPLE)</td>
      <td>265595.0</td>
      <td>59531.0</td>
      <td>美国</td>
      <td>库佩蒂诺(Cupertino)</td>
      <td>通讯设备</td>
    </tr>
    <tr>
      <th>14</th>
      <td>26</td>
      <td>26</td>
      <td>中国工商银行（INDUSTRIAL &amp; COMMERCIAL BANK OF CHINA)</td>
      <td>168979.0</td>
      <td>45002.3</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>19</th>
      <td>31</td>
      <td>31</td>
      <td>中国建设银行（CHINA CONSTRUCTION BANK)</td>
      <td>151110.8</td>
      <td>38498.4</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>27</th>
      <td>41</td>
      <td>47</td>
      <td>摩根大通公司（JPMORGAN CHASE &amp; CO.)</td>
      <td>131412.0</td>
      <td>32474.0</td>
      <td>美国</td>
      <td>纽约(New York)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>23</th>
      <td>37</td>
      <td>52</td>
      <td>Alphabet 公司（ALPHABET)</td>
      <td>136819.0</td>
      <td>30736.0</td>
      <td>美国</td>
      <td>山景城(Mountain View)</td>
      <td>娱乐传媒</td>
    </tr>
    <tr>
      <th>22</th>
      <td>36</td>
      <td>40</td>
      <td>中国农业银行（AGRICULTURAL BANK OF CHINA)</td>
      <td>139523.6</td>
      <td>30656.5</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>38</th>
      <td>58</td>
      <td>60</td>
      <td>美国银行（BANK OF AMERICA CORP.)</td>
      <td>110584.0</td>
      <td>28147.0</td>
      <td>美国</td>
      <td>夏洛特市(Charlotte)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>29</th>
      <td>44</td>
      <td>46</td>
      <td>中国银行（BANK OF CHINA)</td>
      <td>127714.1</td>
      <td>27225.2</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>46</th>
      <td>69</td>
      <td>62</td>
      <td>美国富国银行（WELLS FARGO)</td>
      <td>101060.0</td>
      <td>22393.0</td>
      <td>美国</td>
      <td>弗朗西斯科(San Francisco)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>103</th>
      <td>184</td>
      <td>274</td>
      <td>Facebook 公司（FACEBOOK)</td>
      <td>55838.0</td>
      <td>22112.0</td>
      <td>美国</td>
      <td>门罗帕克(Menlo Park)</td>
      <td>娱乐传媒</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[161]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">统计2019世界500强在中美公司利润前10公司</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在中美公司利润前10</span> <span class="p">[</span><span class="s1">&#39;company&#39;</span><span class="p">])</span>
<span class="n">统计2019世界500强在中美公司利润前10收入</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在中美公司利润前10</span> <span class="p">[</span><span class="s1">&#39;profit&#39;</span><span class="p">])</span>

<span class="n">中美利润前10公司与利润</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">zip</span><span class="p">(</span><span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在中美公司利润前10</span><span class="p">[</span><span class="s1">&#39;company&#39;</span><span class="p">]),</span><span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在中美公司利润前10</span><span class="p">[</span><span class="s1">&#39;profit&#39;</span><span class="p">])))</span> 
<span class="nb">print</span><span class="p">(</span><span class="n">中美利润前10公司与利润</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[(&#39;苹果公司（APPLE)&#39;, 59531.0), (&#39;中国工商银行（INDUSTRIAL &amp; COMMERCIAL BANK OF CHINA)&#39;, 45002.3), (&#39;中国建设银行（CHINA CONSTRUCTION BANK)&#39;, 38498.4), (&#39;摩根大通公司（JPMORGAN CHASE &amp; CO.)&#39;, 32474.0), (&#39;Alphabet 公司（ALPHABET)&#39;, 30736.0), (&#39;中国农业银行（AGRICULTURAL BANK OF CHINA)&#39;, 30656.5), (&#39;美国银行（BANK OF AMERICA CORP.)&#39;, 28147.0), (&#39;中国银行（BANK OF CHINA)&#39;, 27225.2), (&#39;美国富国银行（WELLS FARGO)&#39;, 22393.0), (&#39;Facebook 公司（FACEBOOK)&#39;, 22112.0)]
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[162]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 制作条形图1</span>

<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Bar</span>


<span class="k">def</span> <span class="nf">bar_base</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">统计2019世界500强在中美公司利润前10公司</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;公司&quot;</span><span class="p">,</span> <span class="n">统计2019世界500强在中美公司利润前10收入</span>  <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019世界500强在中美公司利润前10收入&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;利润前10收入&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>


<span class="n">bar_base</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>   <span class="c1"># [pyecharts x 轴不能完全显示的问题解决,用了评论的解决办法](https://blog.csdn.net/huangwencai123/article/details/100069518)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[162]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="9626fb8943a84f0bb93fe30d75c809f0" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_9626fb8943a84f0bb93fe30d75c809f0 = echarts.init(
                    document.getElementById('9626fb8943a84f0bb93fe30d75c809f0'), 'white', {renderer: 'canvas'});
                var option_9626fb8943a84f0bb93fe30d75c809f0 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#2f4554",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u516c\u53f8",
            "data": [
                59531.0,
                45002.3,
                38498.4,
                32474.0,
                30736.0,
                30656.5,
                28147.0,
                27225.2,
                22393.0,
                22112.0
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u516c\u53f8"
            ],
            "selected": {
                "\u516c\u53f8": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u82f9\u679c\u516c\u53f8\uff08APPLE)",
                "\u4e2d\u56fd\u5de5\u5546\u94f6\u884c\uff08INDUSTRIAL & COMMERCIAL BANK OF CHINA)",
                "\u4e2d\u56fd\u5efa\u8bbe\u94f6\u884c\uff08CHINA CONSTRUCTION BANK)",
                "\u6469\u6839\u5927\u901a\u516c\u53f8\uff08JPMORGAN CHASE & CO.)",
                "Alphabet \u516c\u53f8\uff08ALPHABET)",
                "\u4e2d\u56fd\u519c\u4e1a\u94f6\u884c\uff08AGRICULTURAL BANK OF CHINA)",
                "\u7f8e\u56fd\u94f6\u884c\uff08BANK OF AMERICA CORP.)",
                "\u4e2d\u56fd\u94f6\u884c\uff08BANK OF CHINA)",
                "\u7f8e\u56fd\u5bcc\u56fd\u94f6\u884c\uff08WELLS FARGO)",
                "Facebook \u516c\u53f8\uff08FACEBOOK)"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u4e16\u754c500\u5f3a\u5728\u4e2d\u7f8e\u516c\u53f8\u5229\u6da6\u524d10\u6536\u5165",
            "subtext": "\u5229\u6da6\u524d10\u6536\u5165",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_9626fb8943a84f0bb93fe30d75c809f0.setOption(option_9626fb8943a84f0bb93fe30d75c809f0);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#20013;&#32654;&#19990;&#30028;500&#24378;&#20844;&#21496;&#21033;&#28070;&#24773;&#20917;&#23545;&#27604;">&#20013;&#32654;&#19990;&#30028;500&#24378;&#20844;&#21496;&#21033;&#28070;&#24773;&#20917;&#23545;&#27604;<a class="anchor-link" href="#&#20013;&#32654;&#19990;&#30028;500&#24378;&#20844;&#21496;&#21033;&#28070;&#24773;&#20917;&#23545;&#27604;">&#182;</a></h3><ol>
<li>个数上，美国占据了6个，中国占据了4个，两者不相上下。</li>
<li>分布城市上，中国都是集中在北京，美国却是很分散在各个州。</li>
<li>行业数量上，7个是银行证券，美国占据了3个中国占据了4个，2个娱乐传媒都是美国的，排在第一的是通讯设备的苹果公司。</li>
<li>投资证券的回报率比较高，高于同时期其他行业的回报收入。</li>
</ol>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[138]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">中国城市公司数据</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">df</span><span class="p">[</span><span class="s1">&#39;country&#39;</span><span class="p">]</span><span class="o">==</span><span class="s1">&#39;中国&#39;</span><span class="p">]</span>
<span class="n">统计2019世界500强在中国公司利润排序</span> <span class="o">=</span> <span class="n">中国城市公司数据</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">中国城市公司数据</span><span class="p">[</span><span class="s1">&#39;profit&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span>
<span class="n">统计2019世界500强在中国公司利润前10</span> <span class="o">=</span> <span class="n">统计2019世界500强在中国公司利润排序</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
<span class="n">统计2019世界500强在中国公司利润前10</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[138]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>2019rate</th>
      <th>2018rate</th>
      <th>company</th>
      <th>income</th>
      <th>profit</th>
      <th>country</th>
      <th>location</th>
      <th>industry</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>14</th>
      <td>26</td>
      <td>26</td>
      <td>中国工商银行（INDUSTRIAL &amp; COMMERCIAL BANK OF CHINA)</td>
      <td>168979.0</td>
      <td>45002.3</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>19</th>
      <td>31</td>
      <td>31</td>
      <td>中国建设银行（CHINA CONSTRUCTION BANK)</td>
      <td>151110.8</td>
      <td>38498.4</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>22</th>
      <td>36</td>
      <td>40</td>
      <td>中国农业银行（AGRICULTURAL BANK OF CHINA)</td>
      <td>139523.6</td>
      <td>30656.5</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>29</th>
      <td>44</td>
      <td>46</td>
      <td>中国银行（BANK OF CHINA)</td>
      <td>127714.1</td>
      <td>27225.2</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>44</th>
      <td>67</td>
      <td>--</td>
      <td>国家开发银行（CHINA DEVELOPMENT BANK)</td>
      <td>103072.9</td>
      <td>16744.3</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>17</th>
      <td>29</td>
      <td>29</td>
      <td>中国平安保险（集团）股份有限公司（PING AN INSURANCE)</td>
      <td>163597.4</td>
      <td>16237.2</td>
      <td>中国</td>
      <td>深圳(Shenzhen)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>102</th>
      <td>182</td>
      <td>300</td>
      <td>阿里巴巴集团（ALIBABA GROUP HOLDING)</td>
      <td>56147.2</td>
      <td>13094.4</td>
      <td>中国</td>
      <td>杭州(Hangzhou)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>104</th>
      <td>188</td>
      <td>213</td>
      <td>招商银行（CHINA MERCHANTS BANK)</td>
      <td>55063.5</td>
      <td>12179.0</td>
      <td>中国</td>
      <td>深圳(Shenzhen)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>187</th>
      <td>363</td>
      <td>368</td>
      <td>台积公司（TAIWAN SEMICONDUCTOR MANUFACTURING)</td>
      <td>34218.2</td>
      <td>12043.9</td>
      <td>中国</td>
      <td>新竹(Hsinchu)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>125</th>
      <td>237</td>
      <td>331</td>
      <td>腾讯控股有限公司（TENCENT HOLDINGS)</td>
      <td>47272.7</td>
      <td>11900.6</td>
      <td>中国</td>
      <td>深圳(Shenzhen)</td>
      <td>金融投资</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[163]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">统计2019世界500强在中国公司利润前10公司</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在中国公司利润前10</span><span class="p">[</span><span class="s1">&#39;company&#39;</span><span class="p">])</span>
<span class="n">统计2019世界500强在中国公司利润前10收入</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在中国公司利润前10</span><span class="p">[</span><span class="s1">&#39;profit&#39;</span><span class="p">])</span>

<span class="n">中国利润前10公司与利润</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">zip</span><span class="p">(</span><span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在中国公司利润前10</span><span class="p">[</span><span class="s1">&#39;company&#39;</span><span class="p">]),</span><span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在中国公司利润前10</span><span class="p">[</span><span class="s1">&#39;profit&#39;</span><span class="p">])))</span> 
<span class="nb">print</span><span class="p">(</span><span class="n">中国利润前10公司与利润</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[(&#39;中国工商银行（INDUSTRIAL &amp; COMMERCIAL BANK OF CHINA)&#39;, 45002.3), (&#39;中国建设银行（CHINA CONSTRUCTION BANK)&#39;, 38498.4), (&#39;中国农业银行（AGRICULTURAL BANK OF CHINA)&#39;, 30656.5), (&#39;中国银行（BANK OF CHINA)&#39;, 27225.2), (&#39;国家开发银行（CHINA DEVELOPMENT BANK)&#39;, 16744.3), (&#39;中国平安保险（集团）股份有限公司（PING AN INSURANCE)&#39;, 16237.2), (&#39;阿里巴巴集团（ALIBABA GROUP HOLDING)&#39;, 13094.4), (&#39;招商银行（CHINA MERCHANTS BANK)&#39;, 12179.0), (&#39;台积公司（TAIWAN SEMICONDUCTOR MANUFACTURING)&#39;, 12043.9), (&#39;腾讯控股有限公司（TENCENT HOLDINGS)&#39;, 11900.6)]
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[164]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 制作条形图1</span>

<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Bar</span>


<span class="k">def</span> <span class="nf">bar_base</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">统计2019世界500强在中国公司利润前10公司</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;中国公司&quot;</span><span class="p">,</span> <span class="n">统计2019世界500强在中国公司利润前10收入</span>  <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019世界500强在中国公司利润前10收入&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;利润前10收入&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>


<span class="n">bar_base</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>   <span class="c1"># [pyecharts x 轴不能完全显示的问题解决,用了评论的解决办法](https://blog.csdn.net/huangwencai123/article/details/100069518)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[164]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="22bdf6ad8ff948a1abc3439d86b88ba2" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_22bdf6ad8ff948a1abc3439d86b88ba2 = echarts.init(
                    document.getElementById('22bdf6ad8ff948a1abc3439d86b88ba2'), 'white', {renderer: 'canvas'});
                var option_22bdf6ad8ff948a1abc3439d86b88ba2 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#b2d235",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u4e2d\u56fd\u516c\u53f8",
            "data": [
                45002.3,
                38498.4,
                30656.5,
                27225.2,
                16744.3,
                16237.2,
                13094.4,
                12179.0,
                12043.9,
                11900.6
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u56fd\u516c\u53f8"
            ],
            "selected": {
                "\u4e2d\u56fd\u516c\u53f8": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u4e2d\u56fd\u5de5\u5546\u94f6\u884c\uff08INDUSTRIAL & COMMERCIAL BANK OF CHINA)",
                "\u4e2d\u56fd\u5efa\u8bbe\u94f6\u884c\uff08CHINA CONSTRUCTION BANK)",
                "\u4e2d\u56fd\u519c\u4e1a\u94f6\u884c\uff08AGRICULTURAL BANK OF CHINA)",
                "\u4e2d\u56fd\u94f6\u884c\uff08BANK OF CHINA)",
                "\u56fd\u5bb6\u5f00\u53d1\u94f6\u884c\uff08CHINA DEVELOPMENT BANK)",
                "\u4e2d\u56fd\u5e73\u5b89\u4fdd\u9669\uff08\u96c6\u56e2\uff09\u80a1\u4efd\u6709\u9650\u516c\u53f8\uff08PING AN INSURANCE)",
                "\u963f\u91cc\u5df4\u5df4\u96c6\u56e2\uff08ALIBABA GROUP HOLDING)",
                "\u62db\u5546\u94f6\u884c\uff08CHINA MERCHANTS BANK)",
                "\u53f0\u79ef\u516c\u53f8\uff08TAIWAN SEMICONDUCTOR MANUFACTURING)",
                "\u817e\u8baf\u63a7\u80a1\u6709\u9650\u516c\u53f8\uff08TENCENT HOLDINGS)"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u4e16\u754c500\u5f3a\u5728\u4e2d\u56fd\u516c\u53f8\u5229\u6da6\u524d10\u6536\u5165",
            "subtext": "\u5229\u6da6\u524d10\u6536\u5165",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_22bdf6ad8ff948a1abc3439d86b88ba2.setOption(option_22bdf6ad8ff948a1abc3439d86b88ba2);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#20013;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#21033;&#28070;&#24773;&#20917;&#23545;&#27604;">&#20013;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#21033;&#28070;&#24773;&#20917;&#23545;&#27604;<a class="anchor-link" href="#&#20013;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#21033;&#28070;&#24773;&#20917;&#23545;&#27604;">&#182;</a></h3><ol>
<li>榜首的是中国工商银行，不仅如此，前5位都是中国银行证券公司，占据了总数的一半。</li>
<li>分布地域上，北京占据5个，深圳3个，杭州和新竹都是1个。</li>
<li>行业个数上，银行证券6个位列榜首，电信电力2个排在第二，批发零售和金融投资各1个都是在第三，银行占据了60%以上。</li>
<li>中国银行证券比较发达，并且与国家经济命脉息息相关。</li>
</ol>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[141]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">美国城市公司数据</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">df</span><span class="p">[</span><span class="s1">&#39;country&#39;</span><span class="p">]</span><span class="o">==</span><span class="s1">&#39;美国&#39;</span><span class="p">]</span>
<span class="n">统计2019世界500强在美国公司利润排序</span> <span class="o">=</span> <span class="n">美国城市公司数据</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">美国城市公司数据</span><span class="p">[</span><span class="s1">&#39;profit&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span>
<span class="n">统计2019世界500强在美国公司利润前10</span> <span class="o">=</span> <span class="n">统计2019世界500强在美国公司利润排序</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
<span class="n">统计2019世界500强在美国公司利润前10</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[141]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>2019rate</th>
      <th>2018rate</th>
      <th>company</th>
      <th>income</th>
      <th>profit</th>
      <th>country</th>
      <th>location</th>
      <th>industry</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>5</th>
      <td>11</td>
      <td>11</td>
      <td>苹果公司（APPLE)</td>
      <td>265595.0</td>
      <td>59531.0</td>
      <td>美国</td>
      <td>库佩蒂诺(Cupertino)</td>
      <td>通讯设备</td>
    </tr>
    <tr>
      <th>27</th>
      <td>41</td>
      <td>47</td>
      <td>摩根大通公司（JPMORGAN CHASE &amp; CO.)</td>
      <td>131412.0</td>
      <td>32474.0</td>
      <td>美国</td>
      <td>纽约(New York)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>23</th>
      <td>37</td>
      <td>52</td>
      <td>Alphabet 公司（ALPHABET)</td>
      <td>136819.0</td>
      <td>30736.0</td>
      <td>美国</td>
      <td>山景城(Mountain View)</td>
      <td>娱乐传媒</td>
    </tr>
    <tr>
      <th>38</th>
      <td>58</td>
      <td>60</td>
      <td>美国银行（BANK OF AMERICA CORP.)</td>
      <td>110584.0</td>
      <td>28147.0</td>
      <td>美国</td>
      <td>夏洛特市(Charlotte)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>46</th>
      <td>69</td>
      <td>62</td>
      <td>美国富国银行（WELLS FARGO)</td>
      <td>101060.0</td>
      <td>22393.0</td>
      <td>美国</td>
      <td>弗朗西斯科(San Francisco)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>103</th>
      <td>184</td>
      <td>274</td>
      <td>Facebook 公司（FACEBOOK)</td>
      <td>55838.0</td>
      <td>22112.0</td>
      <td>美国</td>
      <td>门罗帕克(Menlo Park)</td>
      <td>娱乐传媒</td>
    </tr>
    <tr>
      <th>74</th>
      <td>135</td>
      <td>146</td>
      <td>英特尔公司（INTEL)</td>
      <td>70848.0</td>
      <td>21053.0</td>
      <td>美国</td>
      <td>圣克拉拉(Santa Clara)</td>
      <td>器材制造</td>
    </tr>
    <tr>
      <th>4</th>
      <td>8</td>
      <td>9</td>
      <td>埃克森美孚（EXXON MOBIL)</td>
      <td>290212.0</td>
      <td>20840.0</td>
      <td>美国</td>
      <td>欧文(Irving)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>13</th>
      <td>25</td>
      <td>20</td>
      <td>美国电话电报公司（AT&amp;T)</td>
      <td>170756.0</td>
      <td>19370.0</td>
      <td>美国</td>
      <td>达拉斯(Dallas)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>47</th>
      <td>71</td>
      <td>76</td>
      <td>花旗集团（CITIGROUP)</td>
      <td>97120.0</td>
      <td>18045.0</td>
      <td>美国</td>
      <td>纽约(New York)</td>
      <td>银行证券</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[165]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">统计2019世界500强在美国公司利润前10公司</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在美国公司利润前10</span><span class="p">[</span><span class="s1">&#39;company&#39;</span><span class="p">])</span>
<span class="n">统计2019世界500强在美国公司利润前10收入</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在美国公司利润前10</span><span class="p">[</span><span class="s1">&#39;profit&#39;</span><span class="p">])</span>

<span class="n">美国利润前10公司与利润</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">zip</span><span class="p">(</span><span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在美国公司利润前10</span><span class="p">[</span><span class="s1">&#39;company&#39;</span><span class="p">]),</span><span class="nb">list</span><span class="p">(</span><span class="n">统计2019世界500强在美国公司利润前10</span><span class="p">[</span><span class="s1">&#39;profit&#39;</span><span class="p">])))</span> 
<span class="nb">print</span><span class="p">(</span><span class="n">美国利润前10公司与利润</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[(&#39;苹果公司（APPLE)&#39;, 59531.0), (&#39;摩根大通公司（JPMORGAN CHASE &amp; CO.)&#39;, 32474.0), (&#39;Alphabet 公司（ALPHABET)&#39;, 30736.0), (&#39;美国银行（BANK OF AMERICA CORP.)&#39;, 28147.0), (&#39;美国富国银行（WELLS FARGO)&#39;, 22393.0), (&#39;Facebook 公司（FACEBOOK)&#39;, 22112.0), (&#39;英特尔公司（INTEL)&#39;, 21053.0), (&#39;埃克森美孚（EXXON MOBIL)&#39;, 20840.0), (&#39;美国电话电报公司（AT&amp;T)&#39;, 19370.0), (&#39;花旗集团（CITIGROUP)&#39;, 18045.0)]
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[166]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 制作条形图1</span>

<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Bar</span>


<span class="k">def</span> <span class="nf">bar_base</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">统计2019世界500强在美国公司利润前10公司</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;美国公司&quot;</span><span class="p">,</span> <span class="n">统计2019世界500强在美国公司利润前10收入</span>  <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019世界500强在美国公司利润前10收入&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;利润前10收入&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>


<span class="n">bar_base</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>   <span class="c1"># [pyecharts x 轴不能完全显示的问题解决,用了评论的解决办法](https://blog.csdn.net/huangwencai123/article/details/100069518)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[166]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="b66a8c6414c7481cb0fdb527eab93dc2" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_b66a8c6414c7481cb0fdb527eab93dc2 = echarts.init(
                    document.getElementById('b66a8c6414c7481cb0fdb527eab93dc2'), 'white', {renderer: 'canvas'});
                var option_b66a8c6414c7481cb0fdb527eab93dc2 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#2f4554",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u7f8e\u56fd\u516c\u53f8",
            "data": [
                59531.0,
                32474.0,
                30736.0,
                28147.0,
                22393.0,
                22112.0,
                21053.0,
                20840.0,
                19370.0,
                18045.0
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u7f8e\u56fd\u516c\u53f8"
            ],
            "selected": {
                "\u7f8e\u56fd\u516c\u53f8": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u82f9\u679c\u516c\u53f8\uff08APPLE)",
                "\u6469\u6839\u5927\u901a\u516c\u53f8\uff08JPMORGAN CHASE & CO.)",
                "Alphabet \u516c\u53f8\uff08ALPHABET)",
                "\u7f8e\u56fd\u94f6\u884c\uff08BANK OF AMERICA CORP.)",
                "\u7f8e\u56fd\u5bcc\u56fd\u94f6\u884c\uff08WELLS FARGO)",
                "Facebook \u516c\u53f8\uff08FACEBOOK)",
                "\u82f1\u7279\u5c14\u516c\u53f8\uff08INTEL)",
                "\u57c3\u514b\u68ee\u7f8e\u5b5a\uff08EXXON MOBIL)",
                "\u7f8e\u56fd\u7535\u8bdd\u7535\u62a5\u516c\u53f8\uff08AT&T)",
                "\u82b1\u65d7\u96c6\u56e2\uff08CITIGROUP)"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u4e16\u754c500\u5f3a\u5728\u7f8e\u56fd\u516c\u53f8\u5229\u6da6\u524d10\u6536\u5165",
            "subtext": "\u5229\u6da6\u524d10\u6536\u5165",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_b66a8c6414c7481cb0fdb527eab93dc2.setOption(option_b66a8c6414c7481cb0fdb527eab93dc2);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#32654;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#21033;&#28070;&#24773;&#20917;&#23545;&#27604;">&#32654;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#21033;&#28070;&#24773;&#20917;&#23545;&#27604;<a class="anchor-link" href="#&#32654;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#21033;&#28070;&#24773;&#20917;&#23545;&#27604;">&#182;</a></h3><ol>
<li>榜首的是美国苹果公司，互联网产业的公司占据了3位，传统的投资公司和芯片公司都位列前面。</li>
<li>分布地域上，美国分布比较分散不集中。</li>
<li>行业个数上，银行证券4个位列榜首，娱乐传媒2个排在第二，通讯设备器材制造石油煤炭医药制药各1个都是在第三。</li>
<li>美国不仅是地域，在行业的个数分布也比较均衡。</li>
</ol>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[168]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 制作条形图1</span>

<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Bar</span>


<span class="k">def</span> <span class="nf">bar_base_CA</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">统计2019世界500强在中美公司利润前10公司</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;公司&quot;</span><span class="p">,</span> <span class="n">统计2019世界500强在中美公司利润前10收入</span>  <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019世界500强在中美公司利润前10收入&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;利润前10收入&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="k">def</span> <span class="nf">bar_base_C</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">统计2019世界500强在中国公司利润前10公司</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;中国公司&quot;</span><span class="p">,</span> <span class="n">统计2019世界500强在中国公司利润前10收入</span>  <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019世界500强在中国公司利润前10收入&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;利润前10收入&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="k">def</span> <span class="nf">bar_base_A</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">统计2019世界500强在美国公司利润前10公司</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;美国公司&quot;</span><span class="p">,</span> <span class="n">统计2019世界500强在美国公司利润前10收入</span>  <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019世界500强在美国公司利润前10收入&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;利润前10收入&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="n">tab</span> <span class="o">=</span> <span class="n">Tab</span><span class="p">()</span>
<span class="n">tab</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">bar_base_CA</span><span class="p">(),</span> <span class="s2">&quot;中美&quot;</span><span class="p">)</span>
<span class="n">tab</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">bar_base_C</span><span class="p">(),</span> <span class="s2">&quot;中国&quot;</span><span class="p">)</span>
<span class="n">tab</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">bar_base_A</span><span class="p">(),</span> <span class="s2">&quot;美国&quot;</span><span class="p">)</span>
<span class="n">tab</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[168]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

    <style>
        .tab {
            overflow: hidden;
            border: 1px solid #ccc;
            background-color: #f1f1f1;
        }

        .tab button {
            background-color: inherit;
            float: left;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 12px 16px;
            transition: 0.3s;
        }

        .tab button:hover {
            background-color: #ddd;
        }

        .tab button.active {
            background-color: #ccc;
        }

        .chart-container {
            display: none;
            padding: 6px 12px;
            border-top: none;
        }
    </style>
<div class="tab">
            <button class="tablinks" onclick="showChart(event, '03c0e20297c741a58a75abb16715b7ba')">中美</button>
            <button class="tablinks" onclick="showChart(event, 'f1f4c51e4a1e40f9a2457503446051fe')">中国</button>
            <button class="tablinks" onclick="showChart(event, 'b0be3e10d6a341019ebb853641ba1329')">美国</button>
    </div>

        <div id="03c0e20297c741a58a75abb16715b7ba" class="chart-container" style="width:900px; height:500px;"></div>
        <div id="f1f4c51e4a1e40f9a2457503446051fe" class="chart-container" style="width:900px; height:500px;"></div>
        <div id="b0be3e10d6a341019ebb853641ba1329" class="chart-container" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_03c0e20297c741a58a75abb16715b7ba = echarts.init(
                    document.getElementById('03c0e20297c741a58a75abb16715b7ba'), 'white', {renderer: 'canvas'});
                var option_03c0e20297c741a58a75abb16715b7ba = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c4ccd3",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u516c\u53f8",
            "data": [
                59531.0,
                45002.3,
                38498.4,
                32474.0,
                30736.0,
                30656.5,
                28147.0,
                27225.2,
                22393.0,
                22112.0
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u516c\u53f8"
            ],
            "selected": {
                "\u516c\u53f8": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u82f9\u679c\u516c\u53f8\uff08APPLE)",
                "\u4e2d\u56fd\u5de5\u5546\u94f6\u884c\uff08INDUSTRIAL & COMMERCIAL BANK OF CHINA)",
                "\u4e2d\u56fd\u5efa\u8bbe\u94f6\u884c\uff08CHINA CONSTRUCTION BANK)",
                "\u6469\u6839\u5927\u901a\u516c\u53f8\uff08JPMORGAN CHASE & CO.)",
                "Alphabet \u516c\u53f8\uff08ALPHABET)",
                "\u4e2d\u56fd\u519c\u4e1a\u94f6\u884c\uff08AGRICULTURAL BANK OF CHINA)",
                "\u7f8e\u56fd\u94f6\u884c\uff08BANK OF AMERICA CORP.)",
                "\u4e2d\u56fd\u94f6\u884c\uff08BANK OF CHINA)",
                "\u7f8e\u56fd\u5bcc\u56fd\u94f6\u884c\uff08WELLS FARGO)",
                "Facebook \u516c\u53f8\uff08FACEBOOK)"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u4e16\u754c500\u5f3a\u5728\u4e2d\u7f8e\u516c\u53f8\u5229\u6da6\u524d10\u6536\u5165",
            "subtext": "\u5229\u6da6\u524d10\u6536\u5165",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_03c0e20297c741a58a75abb16715b7ba.setOption(option_03c0e20297c741a58a75abb16715b7ba);
                var chart_f1f4c51e4a1e40f9a2457503446051fe = echarts.init(
                    document.getElementById('f1f4c51e4a1e40f9a2457503446051fe'), 'white', {renderer: 'canvas'});
                var option_f1f4c51e4a1e40f9a2457503446051fe = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#6950a1",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u4e2d\u56fd\u516c\u53f8",
            "data": [
                45002.3,
                38498.4,
                30656.5,
                27225.2,
                16744.3,
                16237.2,
                13094.4,
                12179.0,
                12043.9,
                11900.6
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u56fd\u516c\u53f8"
            ],
            "selected": {
                "\u4e2d\u56fd\u516c\u53f8": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u4e2d\u56fd\u5de5\u5546\u94f6\u884c\uff08INDUSTRIAL & COMMERCIAL BANK OF CHINA)",
                "\u4e2d\u56fd\u5efa\u8bbe\u94f6\u884c\uff08CHINA CONSTRUCTION BANK)",
                "\u4e2d\u56fd\u519c\u4e1a\u94f6\u884c\uff08AGRICULTURAL BANK OF CHINA)",
                "\u4e2d\u56fd\u94f6\u884c\uff08BANK OF CHINA)",
                "\u56fd\u5bb6\u5f00\u53d1\u94f6\u884c\uff08CHINA DEVELOPMENT BANK)",
                "\u4e2d\u56fd\u5e73\u5b89\u4fdd\u9669\uff08\u96c6\u56e2\uff09\u80a1\u4efd\u6709\u9650\u516c\u53f8\uff08PING AN INSURANCE)",
                "\u963f\u91cc\u5df4\u5df4\u96c6\u56e2\uff08ALIBABA GROUP HOLDING)",
                "\u62db\u5546\u94f6\u884c\uff08CHINA MERCHANTS BANK)",
                "\u53f0\u79ef\u516c\u53f8\uff08TAIWAN SEMICONDUCTOR MANUFACTURING)",
                "\u817e\u8baf\u63a7\u80a1\u6709\u9650\u516c\u53f8\uff08TENCENT HOLDINGS)"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u4e16\u754c500\u5f3a\u5728\u4e2d\u56fd\u516c\u53f8\u5229\u6da6\u524d10\u6536\u5165",
            "subtext": "\u5229\u6da6\u524d10\u6536\u5165",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_f1f4c51e4a1e40f9a2457503446051fe.setOption(option_f1f4c51e4a1e40f9a2457503446051fe);
                var chart_b0be3e10d6a341019ebb853641ba1329 = echarts.init(
                    document.getElementById('b0be3e10d6a341019ebb853641ba1329'), 'white', {renderer: 'canvas'});
                var option_b0be3e10d6a341019ebb853641ba1329 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#2f4554",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u7f8e\u56fd\u516c\u53f8",
            "data": [
                59531.0,
                32474.0,
                30736.0,
                28147.0,
                22393.0,
                22112.0,
                21053.0,
                20840.0,
                19370.0,
                18045.0
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u7f8e\u56fd\u516c\u53f8"
            ],
            "selected": {
                "\u7f8e\u56fd\u516c\u53f8": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u82f9\u679c\u516c\u53f8\uff08APPLE)",
                "\u6469\u6839\u5927\u901a\u516c\u53f8\uff08JPMORGAN CHASE & CO.)",
                "Alphabet \u516c\u53f8\uff08ALPHABET)",
                "\u7f8e\u56fd\u94f6\u884c\uff08BANK OF AMERICA CORP.)",
                "\u7f8e\u56fd\u5bcc\u56fd\u94f6\u884c\uff08WELLS FARGO)",
                "Facebook \u516c\u53f8\uff08FACEBOOK)",
                "\u82f1\u7279\u5c14\u516c\u53f8\uff08INTEL)",
                "\u57c3\u514b\u68ee\u7f8e\u5b5a\uff08EXXON MOBIL)",
                "\u7f8e\u56fd\u7535\u8bdd\u7535\u62a5\u516c\u53f8\uff08AT&T)",
                "\u82b1\u65d7\u96c6\u56e2\uff08CITIGROUP)"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u4e16\u754c500\u5f3a\u5728\u7f8e\u56fd\u516c\u53f8\u5229\u6da6\u524d10\u6536\u5165",
            "subtext": "\u5229\u6da6\u524d10\u6536\u5165",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_b0be3e10d6a341019ebb853641ba1329.setOption(option_b0be3e10d6a341019ebb853641ba1329);
        });
    </script>
<script>
        (function() {
            containers = document.getElementsByClassName("chart-container");
            if(containers.length > 0) {
                containers[0].style.display = "block";
            }
        })()

        function showChart(evt, chartID) {
            let containers = document.getElementsByClassName("chart-container");
            for (let i = 0; i < containers.length; i++) {
                containers[i].style.display = "none";
            }

            let tablinks = document.getElementsByClassName("tablinks");
            for (let i = 0; i < tablinks.length; i++) {
                tablinks[i].className = "tablinks";
            }

            document.getElementById(chartID).style.display = "block";
            evt.currentTarget.className += " active";
        }
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#20013;&#32654;&#19990;&#30028;500&#24378;&#34892;&#19994;&#20998;&#24067;">&#20013;&#32654;&#19990;&#30028;500&#24378;&#34892;&#19994;&#20998;&#24067;<a class="anchor-link" href="#&#20013;&#32654;&#19990;&#30028;500&#24378;&#34892;&#19994;&#20998;&#24067;">&#182;</a></h3>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[170]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">pyecharts</span>
<span class="kn">import</span> <span class="nn">csv</span>
<span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>
<span class="n">df</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_csv</span><span class="p">(</span><span class="s2">&quot;500 company - 19industry_zh_cn.csv&quot;</span><span class="p">)</span>
<span class="n">df</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[170]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>2019rate</th>
      <th>2018rate</th>
      <th>company</th>
      <th>income</th>
      <th>profit</th>
      <th>country</th>
      <th>location</th>
      <th>industry</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
      <td>1</td>
      <td>沃尔玛（WALMART)</td>
      <td>514405.0</td>
      <td>6670.0</td>
      <td>美国</td>
      <td>本顿维尔(Bentonville)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>1</th>
      <td>2</td>
      <td>3</td>
      <td>中国石油化工集团公司（SINOPEC GROUP)</td>
      <td>414649.9</td>
      <td>5845.0</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>2</th>
      <td>4</td>
      <td>4</td>
      <td>中国石油天然气集团公司（CHINA NATIONAL PETROLEUM)</td>
      <td>392976.6</td>
      <td>2270.5</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>3</th>
      <td>5</td>
      <td>2</td>
      <td>国家电网公司（STATE GRID)</td>
      <td>387056.0</td>
      <td>8174.8</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>4</th>
      <td>8</td>
      <td>9</td>
      <td>埃克森美孚（EXXON MOBIL)</td>
      <td>290212.0</td>
      <td>20840.0</td>
      <td>美国</td>
      <td>欧文(Irving)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>5</th>
      <td>11</td>
      <td>11</td>
      <td>苹果公司（APPLE)</td>
      <td>265595.0</td>
      <td>59531.0</td>
      <td>美国</td>
      <td>库佩蒂诺(Cupertino)</td>
      <td>通讯设备</td>
    </tr>
    <tr>
      <th>6</th>
      <td>12</td>
      <td>10</td>
      <td>伯克希尔－哈撒韦公司（BERKSHIRE HATHAWAY)</td>
      <td>247837.0</td>
      <td>4021.0</td>
      <td>美国</td>
      <td>奥马哈(Omaha)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>7</th>
      <td>13</td>
      <td>18</td>
      <td>亚马逊（AMAZON.COM)</td>
      <td>232887.0</td>
      <td>10073.0</td>
      <td>美国</td>
      <td>西雅图(Seattle)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>8</th>
      <td>14</td>
      <td>15</td>
      <td>联合健康集团（UNITEDHEALTH GROUP)</td>
      <td>226247.0</td>
      <td>11986.0</td>
      <td>美国</td>
      <td>明尼苏达(Minnetonka)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>9</th>
      <td>17</td>
      <td>13</td>
      <td>麦克森公司（MCKESSON)</td>
      <td>214319.0</td>
      <td>34.0</td>
      <td>美国</td>
      <td>欧文(Irving)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>10</th>
      <td>19</td>
      <td>17</td>
      <td>CVS Health 公司（CVS HEALTH)</td>
      <td>194579.0</td>
      <td>-594.0</td>
      <td>美国</td>
      <td>文索基特(Woonsocket)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>11</th>
      <td>21</td>
      <td>23</td>
      <td>中国建筑集团有限公司（CHINA STATE CONSTRUCTION ENGINEERING)</td>
      <td>181524.5</td>
      <td>3159.5</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>基础建设</td>
    </tr>
    <tr>
      <th>12</th>
      <td>23</td>
      <td>24</td>
      <td>鸿海精密工业股份有限公司（HON HAI PRECISION INDUSTRY)</td>
      <td>175617.0</td>
      <td>4281.6</td>
      <td>中国</td>
      <td>台北(New Taipei City)</td>
      <td>通讯设备</td>
    </tr>
    <tr>
      <th>13</th>
      <td>25</td>
      <td>20</td>
      <td>美国电话电报公司（AT&amp;T)</td>
      <td>170756.0</td>
      <td>19370.0</td>
      <td>美国</td>
      <td>达拉斯(Dallas)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>14</th>
      <td>26</td>
      <td>26</td>
      <td>中国工商银行（INDUSTRIAL &amp; COMMERCIAL BANK OF CHINA)</td>
      <td>168979.0</td>
      <td>45002.3</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>15</th>
      <td>27</td>
      <td>25</td>
      <td>美源伯根公司（AMERISOURCEBERGEN)</td>
      <td>167939.6</td>
      <td>1658.4</td>
      <td>美国</td>
      <td>切斯特(Chesterbrook)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>16</th>
      <td>28</td>
      <td>33</td>
      <td>雪佛龙（CHEVRON)</td>
      <td>166339.0</td>
      <td>14824.0</td>
      <td>美国</td>
      <td>圣雷蒙(San Ramon)</td>
      <td>金属能源</td>
    </tr>
    <tr>
      <th>17</th>
      <td>29</td>
      <td>29</td>
      <td>中国平安保险（集团）股份有限公司（PING AN INSURANCE)</td>
      <td>163597.4</td>
      <td>16237.2</td>
      <td>中国</td>
      <td>深圳(Shenzhen)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>18</th>
      <td>30</td>
      <td>22</td>
      <td>福特汽车公司（FORD MOTOR)</td>
      <td>160338.0</td>
      <td>3677.0</td>
      <td>美国</td>
      <td>迪尔伯恩(Dearborn)</td>
      <td>交通运输</td>
    </tr>
    <tr>
      <th>19</th>
      <td>31</td>
      <td>31</td>
      <td>中国建设银行（CHINA CONSTRUCTION BANK)</td>
      <td>151110.8</td>
      <td>38498.4</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>20</th>
      <td>32</td>
      <td>21</td>
      <td>通用汽车公司（GENERAL MOTORS)</td>
      <td>147049.0</td>
      <td>8014.0</td>
      <td>美国</td>
      <td>底特律(Detroit)</td>
      <td>交通运输</td>
    </tr>
    <tr>
      <th>21</th>
      <td>35</td>
      <td>35</td>
      <td>好市多（COSTCO WHOLESALE)</td>
      <td>141576.0</td>
      <td>3134.0</td>
      <td>美国</td>
      <td>伊萨夸(Issaquah)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>22</th>
      <td>36</td>
      <td>40</td>
      <td>中国农业银行（AGRICULTURAL BANK OF CHINA)</td>
      <td>139523.6</td>
      <td>30656.5</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>23</th>
      <td>37</td>
      <td>52</td>
      <td>Alphabet 公司（ALPHABET)</td>
      <td>136819.0</td>
      <td>30736.0</td>
      <td>美国</td>
      <td>山景城(Mountain View)</td>
      <td>娱乐传媒</td>
    </tr>
    <tr>
      <th>24</th>
      <td>38</td>
      <td>34</td>
      <td>嘉德诺（CARDINAL HEALTH)</td>
      <td>136809.0</td>
      <td>256.0</td>
      <td>美国</td>
      <td>都柏林(Dublin)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>25</th>
      <td>39</td>
      <td>36</td>
      <td>上海汽车集团股份有限公司（SAIC MOTOR)</td>
      <td>136392.5</td>
      <td>5443.8</td>
      <td>中国</td>
      <td>上海(Shanghai)</td>
      <td>交通运输</td>
    </tr>
    <tr>
      <th>26</th>
      <td>40</td>
      <td>43</td>
      <td>沃博联（WALGREENS BOOTS ALLIANCE)</td>
      <td>131537.0</td>
      <td>5024.0</td>
      <td>美国</td>
      <td>诺斯菲尔德(Deerfield)</td>
      <td>医药制药</td>
    </tr>
    <tr>
      <th>27</th>
      <td>41</td>
      <td>47</td>
      <td>摩根大通公司（JPMORGAN CHASE &amp; CO.)</td>
      <td>131412.0</td>
      <td>32474.0</td>
      <td>美国</td>
      <td>纽约(New York)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>28</th>
      <td>43</td>
      <td>37</td>
      <td>威瑞森电信（VERIZON COMMUNICATIONS)</td>
      <td>130863.0</td>
      <td>15528.0</td>
      <td>美国</td>
      <td>纽约(New York)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>29</th>
      <td>44</td>
      <td>46</td>
      <td>中国银行（BANK OF CHINA)</td>
      <td>127714.1</td>
      <td>27225.2</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>...</th>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
    </tr>
    <tr>
      <th>220</th>
      <td>438</td>
      <td>468</td>
      <td>中国大唐集团公司（CHINA DATANG)</td>
      <td>28654.9</td>
      <td>323.4</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>221</th>
      <td>439</td>
      <td>456</td>
      <td>新疆广汇实业投资（集团）有限责任公司（XINJIANG GUANGHUI INDUSTRY ...</td>
      <td>28564.0</td>
      <td>137.0</td>
      <td>中国</td>
      <td>乌鲁木齐(Urumqi)</td>
      <td>房地产</td>
    </tr>
    <tr>
      <th>222</th>
      <td>441</td>
      <td>--</td>
      <td>安徽海螺集团（ANHUI CONCH GROUP)</td>
      <td>28499.0</td>
      <td>1628.9</td>
      <td>中国</td>
      <td>芜湖(Wuhu)</td>
      <td>化学工业</td>
    </tr>
    <tr>
      <th>223</th>
      <td>442</td>
      <td>--</td>
      <td>华夏保险（HUAXIA LIFE INSURANCE)</td>
      <td>28492.8</td>
      <td>398.8</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>224</th>
      <td>448</td>
      <td>499</td>
      <td>海尔智家股份有限公司（HAIER SMART HOME)</td>
      <td>27713.6</td>
      <td>1124.8</td>
      <td>中国</td>
      <td>青岛(Qingdao)</td>
      <td>器材制造</td>
    </tr>
    <tr>
      <th>225</th>
      <td>449</td>
      <td>400</td>
      <td>国际资产控股公司（INTL FCSTONE)</td>
      <td>27622.7</td>
      <td>55.5</td>
      <td>美国</td>
      <td>纽约(New York)</td>
      <td>金融投资</td>
    </tr>
    <tr>
      <th>226</th>
      <td>451</td>
      <td>465</td>
      <td>中国太平保险集团有限责任公司（CHINA TAIPING INSURANCE GROUP)</td>
      <td>27485.8</td>
      <td>434.0</td>
      <td>中国</td>
      <td>香港(Hong Kong)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>227</th>
      <td>454</td>
      <td>--</td>
      <td>PBF Energy 公司（PBF ENERGY)</td>
      <td>27186.1</td>
      <td>128.3</td>
      <td>美国</td>
      <td>帕西帕尼(Parsippany)</td>
      <td>金属能源</td>
    </tr>
    <tr>
      <th>228</th>
      <td>455</td>
      <td>410</td>
      <td>国泰人寿保险股份有限公司（CATHAY LIFE INSURANCE)</td>
      <td>27183.4</td>
      <td>1001.5</td>
      <td>中国</td>
      <td>台北(Taipei)</td>
      <td>电信电力</td>
    </tr>
    <tr>
      <th>229</th>
      <td>460</td>
      <td>467</td>
      <td>雷神公司（RAYTHEON)</td>
      <td>27058.0</td>
      <td>2909.0</td>
      <td>美国</td>
      <td>沃尔瑟姆(Waltham)</td>
      <td>航天防务</td>
    </tr>
    <tr>
      <th>230</th>
      <td>461</td>
      <td>--</td>
      <td>铜陵有色金属集团（TONGLING NONFERROUS METALS GROUP)</td>
      <td>26846.7</td>
      <td>-70.2</td>
      <td>中国</td>
      <td>铜陵(Tongling)</td>
      <td>金属能源</td>
    </tr>
    <tr>
      <th>231</th>
      <td>462</td>
      <td>495</td>
      <td>潞安集团（SHANXI LUAN MINING GROUP)</td>
      <td>26840.5</td>
      <td>1.2</td>
      <td>中国</td>
      <td>长治(Changzhi)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>232</th>
      <td>464</td>
      <td>497</td>
      <td>大同煤矿集团有限责任公司（DATONG COAL MINE GROUP)</td>
      <td>26697.6</td>
      <td>-181.8</td>
      <td>中国</td>
      <td>大同(Datong)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>233</th>
      <td>465</td>
      <td>--</td>
      <td>山西焦煤集团有限责任公司（SHANXI COKING COAL GROUP)</td>
      <td>26692.8</td>
      <td>141.6</td>
      <td>中国</td>
      <td>太原(Taiyuan)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>234</th>
      <td>468</td>
      <td>--</td>
      <td>小米集团（XIAOMI)</td>
      <td>26443.5</td>
      <td>2049.1</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>通讯设备</td>
    </tr>
    <tr>
      <th>235</th>
      <td>469</td>
      <td>494</td>
      <td>山西阳泉煤业 (集团) 有限责任公司（YANGQUAN COAL INDUSTRY GROUP)</td>
      <td>26290.1</td>
      <td>-131.1</td>
      <td>中国</td>
      <td>阳泉(Yangquan)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>236</th>
      <td>471</td>
      <td>479</td>
      <td>富邦金融控股股份有限公司（FUBON FINANCIAL HOLDING)</td>
      <td>26276.5</td>
      <td>1583.4</td>
      <td>中国</td>
      <td>台北(Taipei)</td>
      <td>金融投资</td>
    </tr>
    <tr>
      <th>237</th>
      <td>472</td>
      <td>451</td>
      <td>卡夫亨氏公司（KRAFT HEINZ)</td>
      <td>26268.0</td>
      <td>-10192.0</td>
      <td>美国</td>
      <td>匹兹堡(Pittsburgh)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>238</th>
      <td>473</td>
      <td>--</td>
      <td>海亮集团有限公司（HAILIANG GROUP)</td>
      <td>26251.0</td>
      <td>237.6</td>
      <td>中国</td>
      <td>杭州(Hangzhou)</td>
      <td>器材制造</td>
    </tr>
    <tr>
      <th>239</th>
      <td>475</td>
      <td>381</td>
      <td>新兴际华集团（XINXING CATHAY INTERNATIONAL GROUP)</td>
      <td>26207.9</td>
      <td>103.6</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>服装纺织</td>
    </tr>
    <tr>
      <th>240</th>
      <td>480</td>
      <td>459</td>
      <td>亿滋国际（MONDELEZ INTERNATIONAL)</td>
      <td>25938.0</td>
      <td>3381.0</td>
      <td>美国</td>
      <td>诺斯菲尔德(Deerfield)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>241</th>
      <td>482</td>
      <td>481</td>
      <td>山西晋城无烟煤矿业集团（SHANXI JINCHENG ANTHRACITE COAL MI...</td>
      <td>25844.7</td>
      <td>52.6</td>
      <td>中国</td>
      <td>晋城(Jincheng)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>242</th>
      <td>484</td>
      <td>496</td>
      <td>河南能源化工集团（HENAN ENERGY &amp; CHEMICAL)</td>
      <td>25781.9</td>
      <td>-133.3</td>
      <td>中国</td>
      <td>郑州(Zhengzhou)</td>
      <td>化学工业</td>
    </tr>
    <tr>
      <th>243</th>
      <td>485</td>
      <td>--</td>
      <td>中国通用技术 (集团) 控股有限责任公司（CHINA GENERAL TECHNOLOGY)</td>
      <td>25779.1</td>
      <td>442.7</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>金融投资</td>
    </tr>
    <tr>
      <th>244</th>
      <td>486</td>
      <td>490</td>
      <td>美国合众银行（U.S. BANCORP)</td>
      <td>25775.0</td>
      <td>7096.0</td>
      <td>美国</td>
      <td>明尼阿波利斯(Minneapolis)</td>
      <td>银行证券</td>
    </tr>
    <tr>
      <th>245</th>
      <td>487</td>
      <td>473</td>
      <td>梅西百货（MACY'S)</td>
      <td>25739.0</td>
      <td>1108.0</td>
      <td>美国</td>
      <td>辛辛那提(Cincinnati)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>246</th>
      <td>489</td>
      <td>--</td>
      <td>Dollar General 公司（DOLLAR GENERAL)</td>
      <td>25625.0</td>
      <td>1589.5</td>
      <td>美国</td>
      <td>古德利茨维尔(Goodlettsville)</td>
      <td>批发零售</td>
    </tr>
    <tr>
      <th>247</th>
      <td>492</td>
      <td>--</td>
      <td>台塑石化股份有限公司（FORMOSA PETROCHEMICAL)</td>
      <td>25462.8</td>
      <td>1993.4</td>
      <td>中国</td>
      <td>麦寮(Mailiao)</td>
      <td>石油煤炭</td>
    </tr>
    <tr>
      <th>248</th>
      <td>496</td>
      <td>--</td>
      <td>纽柯（NUCOR)</td>
      <td>25067.3</td>
      <td>2360.8</td>
      <td>美国</td>
      <td>夏洛特市(Charlotte)</td>
      <td>金属能源</td>
    </tr>
    <tr>
      <th>249</th>
      <td>498</td>
      <td>489</td>
      <td>泰康保险集团（TAIKANG INSURANCE GROUP)</td>
      <td>24931.7</td>
      <td>1794.6</td>
      <td>中国</td>
      <td>北京(Beijing)</td>
      <td>电信电力</td>
    </tr>
  </tbody>
</table>
<p>250 rows × 8 columns</p>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[174]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">世界500强中国公司</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">df</span><span class="p">[</span><span class="s1">&#39;country&#39;</span><span class="p">]</span><span class="o">==</span><span class="s1">&#39;中国&#39;</span><span class="p">]</span> <span class="c1"># 选取等于某些值的行记录用== [pandas 中根据列的值选取多行数据](https://blog.csdn.net/htbeker/article/details/80332360)</span>
<span class="n">世界500强中国公司行业分布</span> <span class="o">=</span> <span class="n">世界500强中国公司</span><span class="o">.</span><span class="n">groupby</span><span class="p">([</span><span class="s1">&#39;industry&#39;</span><span class="p">],</span><span class="n">as_index</span><span class="o">=</span><span class="kc">False</span><span class="p">)[</span><span class="s1">&#39;location&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">agg</span><span class="p">({</span><span class="s1">&#39;cnt&#39;</span><span class="p">:</span><span class="s1">&#39;count&#39;</span><span class="p">})</span>
<span class="n">世界500强中国公司行业分布数量排序</span> <span class="o">=</span> <span class="n">世界500强中国公司行业分布</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">世界500强中国公司行业分布</span><span class="p">[</span><span class="s1">&#39;cnt&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">abs</span><span class="p">()</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span>
<span class="n">世界500强中国公司行业分布数量排序</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[174]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>industry</th>
      <th>cnt</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>9</th>
      <td>电信电力</td>
      <td>23</td>
    </tr>
    <tr>
      <th>13</th>
      <td>金属能源</td>
      <td>12</td>
    </tr>
    <tr>
      <th>10</th>
      <td>石油煤炭</td>
      <td>12</td>
    </tr>
    <tr>
      <th>15</th>
      <td>银行证券</td>
      <td>10</td>
    </tr>
    <tr>
      <th>14</th>
      <td>金融投资</td>
      <td>10</td>
    </tr>
    <tr>
      <th>3</th>
      <td>器材制造</td>
      <td>9</td>
    </tr>
    <tr>
      <th>5</th>
      <td>房地产</td>
      <td>8</td>
    </tr>
    <tr>
      <th>12</th>
      <td>通讯设备</td>
      <td>7</td>
    </tr>
    <tr>
      <th>0</th>
      <td>交通运输</td>
      <td>7</td>
    </tr>
    <tr>
      <th>8</th>
      <td>物流仓储</td>
      <td>6</td>
    </tr>
    <tr>
      <th>6</th>
      <td>批发零售</td>
      <td>5</td>
    </tr>
    <tr>
      <th>4</th>
      <td>基础建设</td>
      <td>5</td>
    </tr>
    <tr>
      <th>1</th>
      <td>化学工业</td>
      <td>5</td>
    </tr>
    <tr>
      <th>11</th>
      <td>航天防务</td>
      <td>4</td>
    </tr>
    <tr>
      <th>7</th>
      <td>服装纺织</td>
      <td>4</td>
    </tr>
    <tr>
      <th>2</th>
      <td>医药制药</td>
      <td>2</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[176]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">世界500强中国公司行业分布数量行业名</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">世界500强中国公司行业分布数量排序</span><span class="p">[</span><span class="s1">&#39;industry&#39;</span><span class="p">])</span>
<span class="n">世界500强中国公司行业分布数量行业数量</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">世界500强中国公司行业分布数量排序</span><span class="p">[</span><span class="s1">&#39;cnt&#39;</span><span class="p">])</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[177]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 制作条形图1</span>



<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Bar</span>


<span class="k">def</span> <span class="nf">bar_base</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">世界500强中国公司行业分布数量行业名</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;中国公司行业&quot;</span><span class="p">,</span> <span class="n">世界500强中国公司行业分布数量行业数量</span> <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年世界500强中国公司行业分布图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;各行业量对比&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>


<span class="n">bar_base</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>   <span class="c1"># [pyecharts x 轴不能完全显示的问题解决,用了评论的解决办法](https://blog.csdn.net/huangwencai123/article/details/100069518)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[177]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="824f8a4206f34d29a9a291b6e9555eb8" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_824f8a4206f34d29a9a291b6e9555eb8 = echarts.init(
                    document.getElementById('824f8a4206f34d29a9a291b6e9555eb8'), 'white', {renderer: 'canvas'});
                var option_824f8a4206f34d29a9a291b6e9555eb8 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c4ccd3",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u4e2d\u56fd\u516c\u53f8\u884c\u4e1a",
            "data": [
                23,
                12,
                12,
                10,
                10,
                9,
                8,
                7,
                7,
                6,
                5,
                5,
                5,
                4,
                4,
                2
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u56fd\u516c\u53f8\u884c\u4e1a"
            ],
            "selected": {
                "\u4e2d\u56fd\u516c\u53f8\u884c\u4e1a": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u7535\u4fe1\u7535\u529b",
                "\u91d1\u5c5e\u80fd\u6e90",
                "\u77f3\u6cb9\u7164\u70ad",
                "\u94f6\u884c\u8bc1\u5238",
                "\u91d1\u878d\u6295\u8d44",
                "\u5668\u6750\u5236\u9020 ",
                "\u623f\u5730\u4ea7",
                "\u901a\u8baf\u8bbe\u5907",
                "\u4ea4\u901a\u8fd0\u8f93",
                "\u7269\u6d41\u4ed3\u50a8",
                "\u6279\u53d1\u96f6\u552e",
                "\u57fa\u7840\u5efa\u8bbe",
                "\u5316\u5b66\u5de5\u4e1a ",
                "\u822a\u5929\u9632\u52a1",
                "\u670d\u88c5\u7eba\u7ec7",
                "\u533b\u836f\u5236\u836f"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u5e74\u4e16\u754c500\u5f3a\u4e2d\u56fd\u516c\u53f8\u884c\u4e1a\u5206\u5e03\u56fe",
            "subtext": "\u5404\u884c\u4e1a\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_824f8a4206f34d29a9a291b6e9555eb8.setOption(option_824f8a4206f34d29a9a291b6e9555eb8);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#20013;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#34892;&#19994;&#20998;&#24067;&#24773;&#20917;">&#20013;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#34892;&#19994;&#20998;&#24067;&#24773;&#20917;<a class="anchor-link" href="#&#20013;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#34892;&#19994;&#20998;&#24067;&#24773;&#20917;">&#182;</a></h3><ol>
<li>电信电力23个排在第一位，金属能源和石油煤炭各12个排在第二位，银行证券与金融投资各10个排在第三，器材制造9个在第四，房地产8个在第五</li>
<li>传统行业的占比较高，特别是能源类，是国家的重点发展对象，同时也是国民经济的支撑。</li>
<li>但是医疗制药在垫底，这与中国国情很大关联性，基本的基础性行业基本相差不大</li>
</ol>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[175]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">世界500强美国公司</span> <span class="o">=</span> <span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">df</span><span class="p">[</span><span class="s1">&#39;country&#39;</span><span class="p">]</span><span class="o">==</span><span class="s1">&#39;美国&#39;</span><span class="p">]</span> <span class="c1"># 选取等于某些值的行记录用== [pandas 中根据列的值选取多行数据](https://blog.csdn.net/htbeker/article/details/80332360)</span>
<span class="n">世界500强美国公司行业分布</span> <span class="o">=</span> <span class="n">世界500强美国公司</span><span class="o">.</span><span class="n">groupby</span><span class="p">([</span><span class="s1">&#39;industry&#39;</span><span class="p">],</span><span class="n">as_index</span><span class="o">=</span><span class="kc">False</span><span class="p">)[</span><span class="s1">&#39;location&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">agg</span><span class="p">({</span><span class="s1">&#39;cnt&#39;</span><span class="p">:</span><span class="s1">&#39;count&#39;</span><span class="p">})</span>
<span class="n">世界500强美国公司行业分布数量排序</span> <span class="o">=</span> <span class="n">世界500强美国公司行业分布</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="n">世界500强美国公司行业分布</span><span class="p">[</span><span class="s1">&#39;cnt&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">abs</span><span class="p">()</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span><span class="o">.</span><span class="n">index</span><span class="p">)</span>
<span class="n">世界500强美国公司行业分布数量排序</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[175]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>industry</th>
      <th>cnt</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>7</th>
      <td>批发零售</td>
      <td>22</td>
    </tr>
    <tr>
      <th>14</th>
      <td>金融投资</td>
      <td>21</td>
    </tr>
    <tr>
      <th>13</th>
      <td>金属能源</td>
      <td>13</td>
    </tr>
    <tr>
      <th>2</th>
      <td>医药制药</td>
      <td>13</td>
    </tr>
    <tr>
      <th>9</th>
      <td>电信电力</td>
      <td>10</td>
    </tr>
    <tr>
      <th>11</th>
      <td>航天防务</td>
      <td>9</td>
    </tr>
    <tr>
      <th>3</th>
      <td>器材制造</td>
      <td>9</td>
    </tr>
    <tr>
      <th>15</th>
      <td>银行证券</td>
      <td>7</td>
    </tr>
    <tr>
      <th>0</th>
      <td>交通运输</td>
      <td>6</td>
    </tr>
    <tr>
      <th>5</th>
      <td>娱乐传媒</td>
      <td>3</td>
    </tr>
    <tr>
      <th>10</th>
      <td>石油煤炭</td>
      <td>2</td>
    </tr>
    <tr>
      <th>8</th>
      <td>服装纺织</td>
      <td>2</td>
    </tr>
    <tr>
      <th>12</th>
      <td>通讯设备</td>
      <td>1</td>
    </tr>
    <tr>
      <th>6</th>
      <td>房地产</td>
      <td>1</td>
    </tr>
    <tr>
      <th>4</th>
      <td>基础建设</td>
      <td>1</td>
    </tr>
    <tr>
      <th>1</th>
      <td>化学工业</td>
      <td>1</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[178]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">世界500强美国公司行业分布数量行业名</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">世界500强美国公司行业分布数量排序</span><span class="p">[</span><span class="s1">&#39;industry&#39;</span><span class="p">])</span>
<span class="n">世界500强美国公司行业分布数量行业数量</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">世界500强美国公司行业分布数量排序</span><span class="p">[</span><span class="s1">&#39;cnt&#39;</span><span class="p">])</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[179]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 制作条形图1</span>



<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Bar</span>


<span class="k">def</span> <span class="nf">bar_base</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">世界500强美国公司行业分布数量行业名</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;美国公司行业&quot;</span><span class="p">,</span> <span class="n">世界500强美国公司行业分布数量行业数量</span> <span class="p">,</span><span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年世界500强美国公司行业分布图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;各行业量对比&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>


<span class="n">bar_base</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>   <span class="c1"># [pyecharts x 轴不能完全显示的问题解决,用了评论的解决办法](https://blog.csdn.net/huangwencai123/article/details/100069518)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[179]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="dab3cd9e561f4f9c907fdcc0a1278a07" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_dab3cd9e561f4f9c907fdcc0a1278a07 = echarts.init(
                    document.getElementById('dab3cd9e561f4f9c907fdcc0a1278a07'), 'white', {renderer: 'canvas'});
                var option_dab3cd9e561f4f9c907fdcc0a1278a07 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#ac6767",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u7f8e\u56fd\u516c\u53f8\u884c\u4e1a",
            "data": [
                22,
                21,
                13,
                13,
                10,
                9,
                9,
                7,
                6,
                3,
                2,
                2,
                1,
                1,
                1,
                1
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u7f8e\u56fd\u516c\u53f8\u884c\u4e1a"
            ],
            "selected": {
                "\u7f8e\u56fd\u516c\u53f8\u884c\u4e1a": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u6279\u53d1\u96f6\u552e",
                "\u91d1\u878d\u6295\u8d44",
                "\u91d1\u5c5e\u80fd\u6e90",
                "\u533b\u836f\u5236\u836f",
                "\u7535\u4fe1\u7535\u529b",
                "\u822a\u5929\u9632\u52a1",
                "\u5668\u6750\u5236\u9020",
                "\u94f6\u884c\u8bc1\u5238",
                "\u4ea4\u901a\u8fd0\u8f93",
                "\u5a31\u4e50\u4f20\u5a92",
                "\u77f3\u6cb9\u7164\u70ad",
                "\u670d\u88c5\u7eba\u7ec7",
                "\u901a\u8baf\u8bbe\u5907",
                "\u623f\u5730\u4ea7",
                "\u57fa\u7840\u5efa\u8bbe",
                "\u5316\u5b66\u5de5\u4e1a "
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u5e74\u4e16\u754c500\u5f3a\u7f8e\u56fd\u516c\u53f8\u884c\u4e1a\u5206\u5e03\u56fe",
            "subtext": "\u5404\u884c\u4e1a\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_dab3cd9e561f4f9c907fdcc0a1278a07.setOption(option_dab3cd9e561f4f9c907fdcc0a1278a07);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="&#32654;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#34892;&#19994;&#20998;&#24067;&#24773;&#20917;">&#32654;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#34892;&#19994;&#20998;&#24067;&#24773;&#20917;<a class="anchor-link" href="#&#32654;&#22269;&#19990;&#30028;500&#24378;&#20844;&#21496;&#34892;&#19994;&#20998;&#24067;&#24773;&#20917;">&#182;</a></h3><ol>
<li>批发零售22个排在第一位，金融投资21个排在第二位，金属能源与医疗制药13个排在第三位，电信电力10个在第四，航天防务9个在第五</li>
<li>金融与零售业的占比较高几乎不相上下，金属能源和医药制药相同，可见在国民经济发挥很大的作用。</li>
<li>房地产基础建设化学工业等在垫底，也从侧面反映出美国行业的布局情况。</li>
</ol>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[180]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">两国行业对比</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">concat</span><span class="p">(</span> <span class="p">[</span><span class="n">世界500强中国公司行业分布数量排序</span><span class="p">,</span> <span class="n">世界500强美国公司行业分布数量排序</span><span class="p">],</span> <span class="n">axis</span><span class="o">=</span><span class="mi">1</span> <span class="p">)</span>
<span class="n">两国行业对比</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[180]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>industry</th>
      <th>cnt</th>
      <th>industry</th>
      <th>cnt</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>交通运输</td>
      <td>7</td>
      <td>交通运输</td>
      <td>6</td>
    </tr>
    <tr>
      <th>1</th>
      <td>化学工业</td>
      <td>5</td>
      <td>化学工业</td>
      <td>1</td>
    </tr>
    <tr>
      <th>2</th>
      <td>医药制药</td>
      <td>2</td>
      <td>医药制药</td>
      <td>13</td>
    </tr>
    <tr>
      <th>3</th>
      <td>器材制造</td>
      <td>9</td>
      <td>器材制造</td>
      <td>9</td>
    </tr>
    <tr>
      <th>4</th>
      <td>基础建设</td>
      <td>5</td>
      <td>基础建设</td>
      <td>1</td>
    </tr>
    <tr>
      <th>5</th>
      <td>房地产</td>
      <td>8</td>
      <td>娱乐传媒</td>
      <td>3</td>
    </tr>
    <tr>
      <th>6</th>
      <td>批发零售</td>
      <td>5</td>
      <td>房地产</td>
      <td>1</td>
    </tr>
    <tr>
      <th>7</th>
      <td>服装纺织</td>
      <td>4</td>
      <td>批发零售</td>
      <td>22</td>
    </tr>
    <tr>
      <th>8</th>
      <td>物流仓储</td>
      <td>6</td>
      <td>服装纺织</td>
      <td>2</td>
    </tr>
    <tr>
      <th>9</th>
      <td>电信电力</td>
      <td>23</td>
      <td>电信电力</td>
      <td>10</td>
    </tr>
    <tr>
      <th>10</th>
      <td>石油煤炭</td>
      <td>12</td>
      <td>石油煤炭</td>
      <td>2</td>
    </tr>
    <tr>
      <th>11</th>
      <td>航天防务</td>
      <td>4</td>
      <td>航天防务</td>
      <td>9</td>
    </tr>
    <tr>
      <th>12</th>
      <td>通讯设备</td>
      <td>7</td>
      <td>通讯设备</td>
      <td>1</td>
    </tr>
    <tr>
      <th>13</th>
      <td>金属能源</td>
      <td>12</td>
      <td>金属能源</td>
      <td>13</td>
    </tr>
    <tr>
      <th>14</th>
      <td>金融投资</td>
      <td>10</td>
      <td>金融投资</td>
      <td>21</td>
    </tr>
    <tr>
      <th>15</th>
      <td>银行证券</td>
      <td>10</td>
      <td>银行证券</td>
      <td>7</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[183]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 另外新建一个表</span>

<span class="kn">import</span> <span class="nn">pyecharts</span>
<span class="kn">import</span> <span class="nn">csv</span>
<span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>
<span class="n">df</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_csv</span><span class="p">(</span><span class="s2">&quot;CA_compare_19industry_zh_cn.csv&quot;</span><span class="p">)</span>
<span class="n">df</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[183]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>industry</th>
      <th>china</th>
      <th>United States</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>银行证券</td>
      <td>10</td>
      <td>7</td>
    </tr>
    <tr>
      <th>1</th>
      <td>服装纺织</td>
      <td>4</td>
      <td>2</td>
    </tr>
    <tr>
      <th>2</th>
      <td>通讯设备</td>
      <td>7</td>
      <td>1</td>
    </tr>
    <tr>
      <th>3</th>
      <td>娱乐传媒</td>
      <td>0</td>
      <td>3</td>
    </tr>
    <tr>
      <th>4</th>
      <td>器材制造</td>
      <td>9</td>
      <td>9</td>
    </tr>
    <tr>
      <th>5</th>
      <td>基础建设</td>
      <td>5</td>
      <td>1</td>
    </tr>
    <tr>
      <th>6</th>
      <td>物流仓储</td>
      <td>6</td>
      <td>0</td>
    </tr>
    <tr>
      <th>7</th>
      <td>金属能源</td>
      <td>12</td>
      <td>13</td>
    </tr>
    <tr>
      <th>8</th>
      <td>石油煤炭</td>
      <td>12</td>
      <td>2</td>
    </tr>
    <tr>
      <th>9</th>
      <td>医药制药</td>
      <td>2</td>
      <td>13</td>
    </tr>
    <tr>
      <th>10</th>
      <td>航天防务</td>
      <td>4</td>
      <td>9</td>
    </tr>
    <tr>
      <th>11</th>
      <td>电信电力</td>
      <td>23</td>
      <td>10</td>
    </tr>
    <tr>
      <th>12</th>
      <td>交通运输</td>
      <td>7</td>
      <td>6</td>
    </tr>
    <tr>
      <th>13</th>
      <td>批发零售</td>
      <td>5</td>
      <td>22</td>
    </tr>
    <tr>
      <th>14</th>
      <td>化学工业</td>
      <td>5</td>
      <td>1</td>
    </tr>
    <tr>
      <th>15</th>
      <td>金融投资</td>
      <td>10</td>
      <td>21</td>
    </tr>
    <tr>
      <th>16</th>
      <td>房地产</td>
      <td>8</td>
      <td>1</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[184]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">industryCA</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">df</span><span class="p">[</span><span class="s1">&#39;industry&#39;</span><span class="p">])</span>
<span class="n">industryC</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">df</span><span class="p">[</span><span class="s1">&#39;china&#39;</span><span class="p">])</span>
<span class="n">industryA</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">df</span><span class="p">[</span><span class="s1">&#39;United States&#39;</span><span class="p">])</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[185]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Bar</span>

<span class="k">def</span> <span class="nf">bar_base</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">industryCA</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;中国&quot;</span><span class="p">,</span> <span class="n">industryC</span><span class="p">,)</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;美国&quot;</span><span class="p">,</span> <span class="n">industryA</span><span class="p">,)</span> <span class="c1"># 添加随机色彩 ,color=Faker.rand_color()</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年世界500强中美公司行业对比图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;行业数量对比&quot;</span><span class="p">),</span>
            <span class="n">xaxis_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AxisOpts</span><span class="p">(</span>
                <span class="n">axislabel_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">rotate</span><span class="o">=</span><span class="mi">50</span><span class="p">)</span>
<span class="c1"># 对比还是有些不同的</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=我是副标题&quot;),xaxis_opts=opts.AxisOpts(name_rotate=60,name=&quot;123456&quot;,axislabel_opts={&quot;rotate&quot;:45}))</span>
<span class="c1"># .set_global_opts(title_opts=opts.TitleOpts(title=&quot;Bar-基本示例&quot;, subtitle=&quot;我是副标题&quot;),xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(rotate=30))</span>

 
            <span class="p">)</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>


<span class="n">bar_base</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>  
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[185]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="1827c6cbba474279a3e3273e7c4f7e77" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_1827c6cbba474279a3e3273e7c4f7e77 = echarts.init(
                    document.getElementById('1827c6cbba474279a3e3273e7c4f7e77'), 'white', {renderer: 'canvas'});
                var option_1827c6cbba474279a3e3273e7c4f7e77 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u4e2d\u56fd",
            "data": [
                10,
                4,
                7,
                0,
                9,
                5,
                6,
                12,
                12,
                2,
                4,
                23,
                7,
                5,
                5,
                10,
                8
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "\u7f8e\u56fd",
            "data": [
                7,
                2,
                1,
                3,
                9,
                1,
                0,
                13,
                2,
                13,
                9,
                10,
                6,
                22,
                1,
                21,
                1
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u56fd",
                "\u7f8e\u56fd"
            ],
            "selected": {
                "\u4e2d\u56fd": true,
                "\u7f8e\u56fd": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 50,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u94f6\u884c\u8bc1\u5238",
                "\u670d\u88c5\u7eba\u7ec7",
                "\u901a\u8baf\u8bbe\u5907",
                "\u5a31\u4e50\u4f20\u5a92",
                "\u5668\u6750\u5236\u9020",
                "\u57fa\u7840\u5efa\u8bbe",
                "\u7269\u6d41\u4ed3\u50a8",
                "\u91d1\u5c5e\u80fd\u6e90",
                "\u77f3\u6cb9\u7164\u70ad",
                "\u533b\u836f\u5236\u836f",
                "\u822a\u5929\u9632\u52a1",
                "\u7535\u4fe1\u7535\u529b",
                "\u4ea4\u901a\u8fd0\u8f93",
                "\u6279\u53d1\u96f6\u552e",
                "\u5316\u5b66\u5de5\u4e1a",
                "\u91d1\u878d\u6295\u8d44",
                "\u623f\u5730\u4ea7"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u5e74\u4e16\u754c500\u5f3a\u4e2d\u7f8e\u516c\u53f8\u884c\u4e1a\u5bf9\u6bd4\u56fe",
            "subtext": "\u884c\u4e1a\u6570\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_1827c6cbba474279a3e3273e7c4f7e77.setOption(option_1827c6cbba474279a3e3273e7c4f7e77);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="2019&#24180;&#19990;&#30028;500&#24378;&#20013;&#32654;&#20844;&#21496;&#34892;&#19994;&#23545;&#27604;&#20998;&#26512;&#25506;&#31350;">2019&#24180;&#19990;&#30028;500&#24378;&#20013;&#32654;&#20844;&#21496;&#34892;&#19994;&#23545;&#27604;&#20998;&#26512;&#25506;&#31350;<a class="anchor-link" href="#2019&#24180;&#19990;&#30028;500&#24378;&#20013;&#32654;&#20844;&#21496;&#34892;&#19994;&#23545;&#27604;&#20998;&#26512;&#25506;&#31350;">&#182;</a></h3><p>两国经济发展状况与国家实际形式不一样，在很多基础行业的重视以及发展上很不一样，但却都是世界两大经济体，在基于数据分析与信息可视化的操作筛选分析下，根据展示的图表结果推断出如下结论与解决方法：</p>
<p>结论：</p>
<p>一. <strong>均衡的美国和极化的中国</strong></p>
<p>每个五百强企业都有其总部所在城市，而这些城市往往也在全球顶尖企业的发展历程中发挥重要的作用，甚至在一定程度形成了独特的文化。比如微软之于西雅图、苹果之于库比蒂诺、华为之于深圳等等。</p>
<p>美国全球五百强企业的总部城市广泛地分布在了31个州。美国的前两大（纽约和旧金山）尽管名头很响，但其实只分别拥有14个和6个五百强企业，而首都华盛顿和波士顿每城市都有分布。可以看到在美国五百强企业空间发展非常均衡。
而中国全球五百强企业的总部城市集中地分布在了北京，仅仅就是北京就是已经占据了56个差不多是快占据中国上榜总数的1/2了，可见集中程度之大。</p>
<p>二，<strong>健康与科技行业缺席的中国五百强企业</strong></p>
<p>除了金融和能源外，在其他行业上中美两国的五百强强企业分布差异极大</p>
<p>美国五百强最多的行业包括批发零售、金融投资、金属能源以及医药制药。而中国百强最多的行业则集中在：电信电力、金属能源、石油煤炭以及银行证券金融投资，且大部分都是中国国家绝对控股公司。概括起来就是，中国上榜的能源资源与银行证券多，但缺少零售、健康和科技的行业巨头。尤其是健康和科技行业，在美国得到重视甚至在全球是朝阳产业但中国却缺席这一快速发展上升的行业。不仅如此，中国的医药制药是垫底，基建的公司排名靠后，并熟知的BATJAMD中国互联网巨头却排在后面，市值营收利润都没有办法与美国的谷歌亚马逊苹果等互联网巨头比肩，这一科技领域的差距还有很大的缺口需要填补和不断追赶。</p>
<p>三、<strong>中国上榜的五百强企业多且大但不强</strong></p>
<p>在中国产权不清、利益不明、权责不清是我国国有企业的症结所在。虽然政府对企业垄断的默认与保护不是完全没有道理的，但是更应该是放权让更多有新鲜活力的企业来发展与接纳高新人才。企业多是好事，但是更应该把内在的质量做大做好。企业的科技研发与创新不足与中国的基础理论系统研究是分不开的，导致国际竞争力不强。</p>
<p>解决方法：</p>
<ol>
<li>正视中美之间以及中国与全球优秀企业之间的差距，并不断找寻突破口，善于抓住前沿科技来进行技术革新，带来新一轮的企业革命。</li>
<li>真正明晰企业产权，政府简政放权并且积极扶持新创公司的发展，为人才的引进与落户制定相应的政策</li>
<li>全力提升科技创新能力，科技创新是第一生产力，只有拥有核心技术，自己的企业竞争力就是最好的护城河。</li>
<li>勇于投身国际化竞争，不惧未来的资本风险挑战，做好随时准备革新的觉悟，迈开步伐脚踏实地才能带来发展。</li>
</ol>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[186]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">bar_markpoint_type</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">industryCA</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;中国&quot;</span><span class="p">,</span><span class="n">industryC</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;美国&quot;</span><span class="p">,</span><span class="n">industryA</span><span class="p">)</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span><span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年世界500强中美公司行业对比图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;行业数量对比&quot;</span><span class="p">))</span>
        <span class="o">.</span><span class="n">set_series_opts</span><span class="p">(</span>
            <span class="n">label_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">is_show</span><span class="o">=</span><span class="kc">False</span><span class="p">),</span>
            <span class="n">markpoint_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">MarkPointOpts</span><span class="p">(</span>
                <span class="n">data</span><span class="o">=</span><span class="p">[</span>
                    <span class="n">opts</span><span class="o">.</span><span class="n">MarkPointItem</span><span class="p">(</span><span class="n">type_</span><span class="o">=</span><span class="s2">&quot;max&quot;</span><span class="p">,</span> <span class="n">name</span><span class="o">=</span><span class="s2">&quot;最大值&quot;</span><span class="p">),</span>
                    <span class="n">opts</span><span class="o">.</span><span class="n">MarkPointItem</span><span class="p">(</span><span class="n">type_</span><span class="o">=</span><span class="s2">&quot;min&quot;</span><span class="p">,</span> <span class="n">name</span><span class="o">=</span><span class="s2">&quot;最小值&quot;</span><span class="p">),</span>
                    <span class="n">opts</span><span class="o">.</span><span class="n">MarkPointItem</span><span class="p">(</span><span class="n">type_</span><span class="o">=</span><span class="s2">&quot;average&quot;</span><span class="p">,</span> <span class="n">name</span><span class="o">=</span><span class="s2">&quot;平均值&quot;</span><span class="p">),</span>
                <span class="p">]</span>
            <span class="p">),</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="n">bar_markpoint_type</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>  
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[186]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="42967e364c7644229c11f78d3c9d3f8d" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_42967e364c7644229c11f78d3c9d3f8d = echarts.init(
                    document.getElementById('42967e364c7644229c11f78d3c9d3f8d'), 'white', {renderer: 'canvas'});
                var option_42967e364c7644229c11f78d3c9d3f8d = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u4e2d\u56fd",
            "data": [
                10,
                4,
                7,
                0,
                9,
                5,
                6,
                12,
                12,
                2,
                4,
                23,
                7,
                5,
                5,
                10,
                8
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "markPoint": {
                "label": {
                    "show": true,
                    "position": "inside",
                    "color": "#fff",
                    "margin": 8
                },
                "data": [
                    {
                        "name": "\u6700\u5927\u503c",
                        "type": "max"
                    },
                    {
                        "name": "\u6700\u5c0f\u503c",
                        "type": "min"
                    },
                    {
                        "name": "\u5e73\u5747\u503c",
                        "type": "average"
                    }
                ]
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "bar",
            "name": "\u7f8e\u56fd",
            "data": [
                7,
                2,
                1,
                3,
                9,
                1,
                0,
                13,
                2,
                13,
                9,
                10,
                6,
                22,
                1,
                21,
                1
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "markPoint": {
                "label": {
                    "show": true,
                    "position": "inside",
                    "color": "#fff",
                    "margin": 8
                },
                "data": [
                    {
                        "name": "\u6700\u5927\u503c",
                        "type": "max"
                    },
                    {
                        "name": "\u6700\u5c0f\u503c",
                        "type": "min"
                    },
                    {
                        "name": "\u5e73\u5747\u503c",
                        "type": "average"
                    }
                ]
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u56fd",
                "\u7f8e\u56fd"
            ],
            "selected": {
                "\u4e2d\u56fd": true,
                "\u7f8e\u56fd": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u94f6\u884c\u8bc1\u5238",
                "\u670d\u88c5\u7eba\u7ec7",
                "\u901a\u8baf\u8bbe\u5907",
                "\u5a31\u4e50\u4f20\u5a92",
                "\u5668\u6750\u5236\u9020",
                "\u57fa\u7840\u5efa\u8bbe",
                "\u7269\u6d41\u4ed3\u50a8",
                "\u91d1\u5c5e\u80fd\u6e90",
                "\u77f3\u6cb9\u7164\u70ad",
                "\u533b\u836f\u5236\u836f",
                "\u822a\u5929\u9632\u52a1",
                "\u7535\u4fe1\u7535\u529b",
                "\u4ea4\u901a\u8fd0\u8f93",
                "\u6279\u53d1\u96f6\u552e",
                "\u5316\u5b66\u5de5\u4e1a",
                "\u91d1\u878d\u6295\u8d44",
                "\u623f\u5730\u4ea7"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u5e74\u4e16\u754c500\u5f3a\u4e2d\u7f8e\u516c\u53f8\u884c\u4e1a\u5bf9\u6bd4\u56fe",
            "subtext": "\u884c\u4e1a\u6570\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_42967e364c7644229c11f78d3c9d3f8d.setOption(option_42967e364c7644229c11f78d3c9d3f8d);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[187]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">bar_markline_type</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">industryCA</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;中国&quot;</span><span class="p">,</span> <span class="n">industryC</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;美国&quot;</span><span class="p">,</span> <span class="n">industryA</span><span class="p">)</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span><span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年世界500强中美公司行业对比图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;行业数量对比&quot;</span><span class="p">),)</span>
        <span class="o">.</span><span class="n">set_series_opts</span><span class="p">(</span>
            <span class="n">label_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">LabelOpts</span><span class="p">(</span><span class="n">is_show</span><span class="o">=</span><span class="kc">False</span><span class="p">),</span>
            <span class="n">markline_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">MarkLineOpts</span><span class="p">(</span>
                <span class="n">data</span><span class="o">=</span><span class="p">[</span>
                    <span class="n">opts</span><span class="o">.</span><span class="n">MarkLineItem</span><span class="p">(</span><span class="n">type_</span><span class="o">=</span><span class="s2">&quot;min&quot;</span><span class="p">,</span> <span class="n">name</span><span class="o">=</span><span class="s2">&quot;最小值&quot;</span><span class="p">),</span>
                    <span class="n">opts</span><span class="o">.</span><span class="n">MarkLineItem</span><span class="p">(</span><span class="n">type_</span><span class="o">=</span><span class="s2">&quot;max&quot;</span><span class="p">,</span> <span class="n">name</span><span class="o">=</span><span class="s2">&quot;最大值&quot;</span><span class="p">),</span>
                    <span class="n">opts</span><span class="o">.</span><span class="n">MarkLineItem</span><span class="p">(</span><span class="n">type_</span><span class="o">=</span><span class="s2">&quot;average&quot;</span><span class="p">,</span> <span class="n">name</span><span class="o">=</span><span class="s2">&quot;平均值&quot;</span><span class="p">),</span>
                <span class="p">]</span>
            <span class="p">),</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="n">bar_markline_type</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>  
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[187]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="3fb0bad1a6a44ccba6568c7ea17781b3" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_3fb0bad1a6a44ccba6568c7ea17781b3 = echarts.init(
                    document.getElementById('3fb0bad1a6a44ccba6568c7ea17781b3'), 'white', {renderer: 'canvas'});
                var option_3fb0bad1a6a44ccba6568c7ea17781b3 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u4e2d\u56fd",
            "data": [
                10,
                4,
                7,
                0,
                9,
                5,
                6,
                12,
                12,
                2,
                4,
                23,
                7,
                5,
                5,
                10,
                8
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "markLine": {
                "silent": false,
                "precision": 2,
                "label": {
                    "show": true,
                    "position": "top",
                    "margin": 8
                },
                "data": [
                    {
                        "name": "\u6700\u5c0f\u503c",
                        "type": "min"
                    },
                    {
                        "name": "\u6700\u5927\u503c",
                        "type": "max"
                    },
                    {
                        "name": "\u5e73\u5747\u503c",
                        "type": "average"
                    }
                ]
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "bar",
            "name": "\u7f8e\u56fd",
            "data": [
                7,
                2,
                1,
                3,
                9,
                1,
                0,
                13,
                2,
                13,
                9,
                10,
                6,
                22,
                1,
                21,
                1
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "markLine": {
                "silent": false,
                "precision": 2,
                "label": {
                    "show": true,
                    "position": "top",
                    "margin": 8
                },
                "data": [
                    {
                        "name": "\u6700\u5c0f\u503c",
                        "type": "min"
                    },
                    {
                        "name": "\u6700\u5927\u503c",
                        "type": "max"
                    },
                    {
                        "name": "\u5e73\u5747\u503c",
                        "type": "average"
                    }
                ]
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u56fd",
                "\u7f8e\u56fd"
            ],
            "selected": {
                "\u4e2d\u56fd": true,
                "\u7f8e\u56fd": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u94f6\u884c\u8bc1\u5238",
                "\u670d\u88c5\u7eba\u7ec7",
                "\u901a\u8baf\u8bbe\u5907",
                "\u5a31\u4e50\u4f20\u5a92",
                "\u5668\u6750\u5236\u9020",
                "\u57fa\u7840\u5efa\u8bbe",
                "\u7269\u6d41\u4ed3\u50a8",
                "\u91d1\u5c5e\u80fd\u6e90",
                "\u77f3\u6cb9\u7164\u70ad",
                "\u533b\u836f\u5236\u836f",
                "\u822a\u5929\u9632\u52a1",
                "\u7535\u4fe1\u7535\u529b",
                "\u4ea4\u901a\u8fd0\u8f93",
                "\u6279\u53d1\u96f6\u552e",
                "\u5316\u5b66\u5de5\u4e1a",
                "\u91d1\u878d\u6295\u8d44",
                "\u623f\u5730\u4ea7"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u5e74\u4e16\u754c500\u5f3a\u4e2d\u7f8e\u516c\u53f8\u884c\u4e1a\u5bf9\u6bd4\u56fe",
            "subtext": "\u884c\u4e1a\u6570\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_3fb0bad1a6a44ccba6568c7ea17781b3.setOption(option_3fb0bad1a6a44ccba6568c7ea17781b3);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[191]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">bar_datazoom_slider</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">industryCA</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;中国&quot;</span><span class="p">,</span> <span class="n">industryC</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;美国&quot;</span><span class="p">,</span> <span class="n">industryA</span><span class="p">)</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年世界500强中美公司行业对比图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;行业数量对比&quot;</span><span class="p">),</span>
            <span class="n">datazoom_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">DataZoomOpts</span><span class="p">(),</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="n">bar_datazoom_slider</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span> 
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[191]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="d9ffe9426c6f435e940ca876af43c8d6" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_d9ffe9426c6f435e940ca876af43c8d6 = echarts.init(
                    document.getElementById('d9ffe9426c6f435e940ca876af43c8d6'), 'white', {renderer: 'canvas'});
                var option_d9ffe9426c6f435e940ca876af43c8d6 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u4e2d\u56fd",
            "data": [
                10,
                4,
                7,
                0,
                9,
                5,
                6,
                12,
                12,
                2,
                4,
                23,
                7,
                5,
                5,
                10,
                8
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "\u7f8e\u56fd",
            "data": [
                7,
                2,
                1,
                3,
                9,
                1,
                0,
                13,
                2,
                13,
                9,
                10,
                6,
                22,
                1,
                21,
                1
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u56fd",
                "\u7f8e\u56fd"
            ],
            "selected": {
                "\u4e2d\u56fd": true,
                "\u7f8e\u56fd": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u94f6\u884c\u8bc1\u5238",
                "\u670d\u88c5\u7eba\u7ec7",
                "\u901a\u8baf\u8bbe\u5907",
                "\u5a31\u4e50\u4f20\u5a92",
                "\u5668\u6750\u5236\u9020",
                "\u57fa\u7840\u5efa\u8bbe",
                "\u7269\u6d41\u4ed3\u50a8",
                "\u91d1\u5c5e\u80fd\u6e90",
                "\u77f3\u6cb9\u7164\u70ad",
                "\u533b\u836f\u5236\u836f",
                "\u822a\u5929\u9632\u52a1",
                "\u7535\u4fe1\u7535\u529b",
                "\u4ea4\u901a\u8fd0\u8f93",
                "\u6279\u53d1\u96f6\u552e",
                "\u5316\u5b66\u5de5\u4e1a",
                "\u91d1\u878d\u6295\u8d44",
                "\u623f\u5730\u4ea7"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u5e74\u4e16\u754c500\u5f3a\u4e2d\u7f8e\u516c\u53f8\u884c\u4e1a\u5bf9\u6bd4\u56fe",
            "subtext": "\u884c\u4e1a\u6570\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ],
    "dataZoom": {
        "show": true,
        "type": "slider",
        "realtime": true,
        "start": 20,
        "end": 80,
        "orient": "horizontal",
        "zoomLock": false
    }
};
                chart_d9ffe9426c6f435e940ca876af43c8d6.setOption(option_d9ffe9426c6f435e940ca876af43c8d6);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[192]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">bar_datazoom_slider_vertical</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">industryCA</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;中国&quot;</span><span class="p">,</span> <span class="n">industryC</span><span class="p">,</span> <span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;美国&quot;</span><span class="p">,</span> <span class="n">industryA</span><span class="p">,</span> <span class="n">color</span><span class="o">=</span><span class="n">Faker</span><span class="o">.</span><span class="n">rand_color</span><span class="p">())</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span>
            <span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年世界500强中美公司行业对比图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;行业数量对比&quot;</span><span class="p">),</span>
            <span class="n">datazoom_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">DataZoomOpts</span><span class="p">(</span><span class="n">orient</span><span class="o">=</span><span class="s2">&quot;vertical&quot;</span><span class="p">),</span>
        <span class="p">)</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="n">bar_datazoom_slider_vertical</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>  
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[192]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="0b7b6a6a8ee54af48354229f162b3e91" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_0b7b6a6a8ee54af48354229f162b3e91 = echarts.init(
                    document.getElementById('0b7b6a6a8ee54af48354229f162b3e91'), 'white', {renderer: 'canvas'});
                var option_0b7b6a6a8ee54af48354229f162b3e91 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#ca8622",
        "#6d8346",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u4e2d\u56fd",
            "data": [
                10,
                4,
                7,
                0,
                9,
                5,
                6,
                12,
                12,
                2,
                4,
                23,
                7,
                5,
                5,
                10,
                8
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "\u7f8e\u56fd",
            "data": [
                7,
                2,
                1,
                3,
                9,
                1,
                0,
                13,
                2,
                13,
                9,
                10,
                6,
                22,
                1,
                21,
                1
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u56fd",
                "\u7f8e\u56fd"
            ],
            "selected": {
                "\u4e2d\u56fd": true,
                "\u7f8e\u56fd": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u94f6\u884c\u8bc1\u5238",
                "\u670d\u88c5\u7eba\u7ec7",
                "\u901a\u8baf\u8bbe\u5907",
                "\u5a31\u4e50\u4f20\u5a92",
                "\u5668\u6750\u5236\u9020",
                "\u57fa\u7840\u5efa\u8bbe",
                "\u7269\u6d41\u4ed3\u50a8",
                "\u91d1\u5c5e\u80fd\u6e90",
                "\u77f3\u6cb9\u7164\u70ad",
                "\u533b\u836f\u5236\u836f",
                "\u822a\u5929\u9632\u52a1",
                "\u7535\u4fe1\u7535\u529b",
                "\u4ea4\u901a\u8fd0\u8f93",
                "\u6279\u53d1\u96f6\u552e",
                "\u5316\u5b66\u5de5\u4e1a",
                "\u91d1\u878d\u6295\u8d44",
                "\u623f\u5730\u4ea7"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u5e74\u4e16\u754c500\u5f3a\u4e2d\u7f8e\u516c\u53f8\u884c\u4e1a\u5bf9\u6bd4\u56fe",
            "subtext": "\u884c\u4e1a\u6570\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ],
    "dataZoom": {
        "show": true,
        "type": "slider",
        "realtime": true,
        "start": 20,
        "end": 80,
        "orient": "vertical",
        "zoomLock": false
    }
};
                chart_0b7b6a6a8ee54af48354229f162b3e91.setOption(option_0b7b6a6a8ee54af48354229f162b3e91);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[194]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span> <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts</span> <span class="kn">import</span> <span class="n">options</span> <span class="k">as</span> <span class="n">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Scatter</span>

<span class="k">def</span> <span class="nf">overlap_line_scatter</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Bar</span><span class="p">:</span>
    <span class="n">x</span> <span class="o">=</span> <span class="n">industryCA</span>
    <span class="n">bar</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Bar</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;中国&quot;</span><span class="p">,</span> <span class="n">industryC</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;美国&quot;</span><span class="p">,</span> <span class="n">industryA</span><span class="p">)</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span><span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年世界500强中美公司行业对比图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;行业数量对比&quot;</span><span class="p">))</span>
    <span class="p">)</span>
    <span class="n">line</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Line</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;中国&quot;</span><span class="p">,</span> <span class="n">industryC</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span><span class="s2">&quot;美国&quot;</span><span class="p">,</span> <span class="n">industryA</span><span class="p">)</span>
    <span class="p">)</span>
    <span class="n">bar</span><span class="o">.</span><span class="n">overlap</span><span class="p">(</span><span class="n">line</span><span class="p">)</span>
    <span class="k">return</span> <span class="n">bar</span>

<span class="n">overlap_line_scatter</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[194]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="8d645e8b71654aeb99e9c2980ee03263" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_8d645e8b71654aeb99e9c2980ee03263 = echarts.init(
                    document.getElementById('8d645e8b71654aeb99e9c2980ee03263'), 'white', {renderer: 'canvas'});
                var option_8d645e8b71654aeb99e9c2980ee03263 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u4e2d\u56fd",
            "data": [
                10,
                4,
                7,
                0,
                9,
                5,
                6,
                12,
                12,
                2,
                4,
                23,
                7,
                5,
                5,
                10,
                8
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "\u7f8e\u56fd",
            "data": [
                7,
                2,
                1,
                3,
                9,
                1,
                0,
                13,
                2,
                13,
                9,
                10,
                6,
                22,
                1,
                21,
                1
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "line",
            "name": "\u4e2d\u56fd",
            "connectNulls": false,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": false,
            "step": false,
            "data": [
                [
                    "\u94f6\u884c\u8bc1\u5238",
                    10
                ],
                [
                    "\u670d\u88c5\u7eba\u7ec7",
                    4
                ],
                [
                    "\u901a\u8baf\u8bbe\u5907",
                    7
                ],
                [
                    "\u5a31\u4e50\u4f20\u5a92",
                    0
                ],
                [
                    "\u5668\u6750\u5236\u9020",
                    9
                ],
                [
                    "\u57fa\u7840\u5efa\u8bbe",
                    5
                ],
                [
                    "\u7269\u6d41\u4ed3\u50a8",
                    6
                ],
                [
                    "\u91d1\u5c5e\u80fd\u6e90",
                    12
                ],
                [
                    "\u77f3\u6cb9\u7164\u70ad",
                    12
                ],
                [
                    "\u533b\u836f\u5236\u836f",
                    2
                ],
                [
                    "\u822a\u5929\u9632\u52a1",
                    4
                ],
                [
                    "\u7535\u4fe1\u7535\u529b",
                    23
                ],
                [
                    "\u4ea4\u901a\u8fd0\u8f93",
                    7
                ],
                [
                    "\u6279\u53d1\u96f6\u552e",
                    5
                ],
                [
                    "\u5316\u5b66\u5de5\u4e1a",
                    5
                ],
                [
                    "\u91d1\u878d\u6295\u8d44",
                    10
                ],
                [
                    "\u623f\u5730\u4ea7",
                    8
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "lineStyle": {
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0
        },
        {
            "type": "line",
            "name": "\u7f8e\u56fd",
            "connectNulls": false,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": false,
            "step": false,
            "data": [
                [
                    "\u94f6\u884c\u8bc1\u5238",
                    7
                ],
                [
                    "\u670d\u88c5\u7eba\u7ec7",
                    2
                ],
                [
                    "\u901a\u8baf\u8bbe\u5907",
                    1
                ],
                [
                    "\u5a31\u4e50\u4f20\u5a92",
                    3
                ],
                [
                    "\u5668\u6750\u5236\u9020",
                    9
                ],
                [
                    "\u57fa\u7840\u5efa\u8bbe",
                    1
                ],
                [
                    "\u7269\u6d41\u4ed3\u50a8",
                    0
                ],
                [
                    "\u91d1\u5c5e\u80fd\u6e90",
                    13
                ],
                [
                    "\u77f3\u6cb9\u7164\u70ad",
                    2
                ],
                [
                    "\u533b\u836f\u5236\u836f",
                    13
                ],
                [
                    "\u822a\u5929\u9632\u52a1",
                    9
                ],
                [
                    "\u7535\u4fe1\u7535\u529b",
                    10
                ],
                [
                    "\u4ea4\u901a\u8fd0\u8f93",
                    6
                ],
                [
                    "\u6279\u53d1\u96f6\u552e",
                    22
                ],
                [
                    "\u5316\u5b66\u5de5\u4e1a",
                    1
                ],
                [
                    "\u91d1\u878d\u6295\u8d44",
                    21
                ],
                [
                    "\u623f\u5730\u4ea7",
                    1
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "lineStyle": {
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u56fd",
                "\u7f8e\u56fd",
                "\u4e2d\u56fd",
                "\u7f8e\u56fd"
            ],
            "selected": {
                "\u4e2d\u56fd": true,
                "\u7f8e\u56fd": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u94f6\u884c\u8bc1\u5238",
                "\u670d\u88c5\u7eba\u7ec7",
                "\u901a\u8baf\u8bbe\u5907",
                "\u5a31\u4e50\u4f20\u5a92",
                "\u5668\u6750\u5236\u9020",
                "\u57fa\u7840\u5efa\u8bbe",
                "\u7269\u6d41\u4ed3\u50a8",
                "\u91d1\u5c5e\u80fd\u6e90",
                "\u77f3\u6cb9\u7164\u70ad",
                "\u533b\u836f\u5236\u836f",
                "\u822a\u5929\u9632\u52a1",
                "\u7535\u4fe1\u7535\u529b",
                "\u4ea4\u901a\u8fd0\u8f93",
                "\u6279\u53d1\u96f6\u552e",
                "\u5316\u5b66\u5de5\u4e1a",
                "\u91d1\u878d\u6295\u8d44",
                "\u623f\u5730\u4ea7"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u5e74\u4e16\u754c500\u5f3a\u4e2d\u7f8e\u516c\u53f8\u884c\u4e1a\u5bf9\u6bd4\u56fe",
            "subtext": "\u884c\u4e1a\u6570\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_8d645e8b71654aeb99e9c2980ee03263.setOption(option_8d645e8b71654aeb99e9c2980ee03263);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[195]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">pyecharts.options</span> <span class="k">as</span> <span class="nn">opts</span>
<span class="kn">from</span> <span class="nn">pyecharts.faker</span> <span class="kn">import</span>  <span class="n">Faker</span>
<span class="kn">from</span> <span class="nn">pyecharts.charts</span> <span class="kn">import</span> <span class="n">Line</span>

<span class="k">def</span> <span class="nf">line_areastyle</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="n">Line</span><span class="p">:</span>
    <span class="n">c</span> <span class="o">=</span> <span class="p">(</span>
        <span class="n">Line</span><span class="p">()</span>
        <span class="o">.</span><span class="n">add_xaxis</span><span class="p">(</span><span class="n">industryCA</span><span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span>
            <span class="s2">&quot;中国&quot;</span><span class="p">,</span> <span class="n">industryC</span><span class="p">,</span> <span class="n">areastyle_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AreaStyleOpts</span><span class="p">(</span><span class="n">opacity</span><span class="o">=</span><span class="mf">0.5</span><span class="p">)</span>
        <span class="p">)</span>
        <span class="o">.</span><span class="n">add_yaxis</span><span class="p">(</span>
            <span class="s2">&quot;美国&quot;</span><span class="p">,</span> <span class="n">industryA</span><span class="p">,</span> <span class="n">areastyle_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">AreaStyleOpts</span><span class="p">(</span><span class="n">opacity</span><span class="o">=</span><span class="mf">0.5</span><span class="p">)</span>
        <span class="p">)</span>
        <span class="o">.</span><span class="n">set_global_opts</span><span class="p">(</span><span class="n">title_opts</span><span class="o">=</span><span class="n">opts</span><span class="o">.</span><span class="n">TitleOpts</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;2019年世界500强中美公司行业对比图&quot;</span><span class="p">,</span> <span class="n">subtitle</span><span class="o">=</span><span class="s2">&quot;行业数量对比&quot;</span><span class="p">))</span>
    <span class="p">)</span>
    <span class="k">return</span> <span class="n">c</span>

<span class="n">line_areastyle</span><span class="p">()</span><span class="o">.</span><span class="n">render_notebook</span><span class="p">()</span>  
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[195]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">

<script>
    require.config({
        paths: {
            'echarts':'https://assets.pyecharts.org/assets/echarts.min'
        }
    });
</script>

        <div id="2e86ad6757114b6b901d1cabaae4c7c2" style="width:900px; height:500px;"></div>

<script>
        require(['echarts'], function(echarts) {
                var chart_2e86ad6757114b6b901d1cabaae4c7c2 = echarts.init(
                    document.getElementById('2e86ad6757114b6b901d1cabaae4c7c2'), 'white', {renderer: 'canvas'});
                var option_2e86ad6757114b6b901d1cabaae4c7c2 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "line",
            "name": "\u4e2d\u56fd",
            "connectNulls": false,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": false,
            "step": false,
            "data": [
                [
                    "\u94f6\u884c\u8bc1\u5238",
                    10
                ],
                [
                    "\u670d\u88c5\u7eba\u7ec7",
                    4
                ],
                [
                    "\u901a\u8baf\u8bbe\u5907",
                    7
                ],
                [
                    "\u5a31\u4e50\u4f20\u5a92",
                    0
                ],
                [
                    "\u5668\u6750\u5236\u9020",
                    9
                ],
                [
                    "\u57fa\u7840\u5efa\u8bbe",
                    5
                ],
                [
                    "\u7269\u6d41\u4ed3\u50a8",
                    6
                ],
                [
                    "\u91d1\u5c5e\u80fd\u6e90",
                    12
                ],
                [
                    "\u77f3\u6cb9\u7164\u70ad",
                    12
                ],
                [
                    "\u533b\u836f\u5236\u836f",
                    2
                ],
                [
                    "\u822a\u5929\u9632\u52a1",
                    4
                ],
                [
                    "\u7535\u4fe1\u7535\u529b",
                    23
                ],
                [
                    "\u4ea4\u901a\u8fd0\u8f93",
                    7
                ],
                [
                    "\u6279\u53d1\u96f6\u552e",
                    5
                ],
                [
                    "\u5316\u5b66\u5de5\u4e1a",
                    5
                ],
                [
                    "\u91d1\u878d\u6295\u8d44",
                    10
                ],
                [
                    "\u623f\u5730\u4ea7",
                    8
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "lineStyle": {
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0.5
            },
            "zlevel": 0,
            "z": 0
        },
        {
            "type": "line",
            "name": "\u7f8e\u56fd",
            "connectNulls": false,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": false,
            "step": false,
            "data": [
                [
                    "\u94f6\u884c\u8bc1\u5238",
                    7
                ],
                [
                    "\u670d\u88c5\u7eba\u7ec7",
                    2
                ],
                [
                    "\u901a\u8baf\u8bbe\u5907",
                    1
                ],
                [
                    "\u5a31\u4e50\u4f20\u5a92",
                    3
                ],
                [
                    "\u5668\u6750\u5236\u9020",
                    9
                ],
                [
                    "\u57fa\u7840\u5efa\u8bbe",
                    1
                ],
                [
                    "\u7269\u6d41\u4ed3\u50a8",
                    0
                ],
                [
                    "\u91d1\u5c5e\u80fd\u6e90",
                    13
                ],
                [
                    "\u77f3\u6cb9\u7164\u70ad",
                    2
                ],
                [
                    "\u533b\u836f\u5236\u836f",
                    13
                ],
                [
                    "\u822a\u5929\u9632\u52a1",
                    9
                ],
                [
                    "\u7535\u4fe1\u7535\u529b",
                    10
                ],
                [
                    "\u4ea4\u901a\u8fd0\u8f93",
                    6
                ],
                [
                    "\u6279\u53d1\u96f6\u552e",
                    22
                ],
                [
                    "\u5316\u5b66\u5de5\u4e1a",
                    1
                ],
                [
                    "\u91d1\u878d\u6295\u8d44",
                    21
                ],
                [
                    "\u623f\u5730\u4ea7",
                    1
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "lineStyle": {
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0.5
            },
            "zlevel": 0,
            "z": 0
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u56fd",
                "\u7f8e\u56fd"
            ],
            "selected": {
                "\u4e2d\u56fd": true,
                "\u7f8e\u56fd": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u94f6\u884c\u8bc1\u5238",
                "\u670d\u88c5\u7eba\u7ec7",
                "\u901a\u8baf\u8bbe\u5907",
                "\u5a31\u4e50\u4f20\u5a92",
                "\u5668\u6750\u5236\u9020",
                "\u57fa\u7840\u5efa\u8bbe",
                "\u7269\u6d41\u4ed3\u50a8",
                "\u91d1\u5c5e\u80fd\u6e90",
                "\u77f3\u6cb9\u7164\u70ad",
                "\u533b\u836f\u5236\u836f",
                "\u822a\u5929\u9632\u52a1",
                "\u7535\u4fe1\u7535\u529b",
                "\u4ea4\u901a\u8fd0\u8f93",
                "\u6279\u53d1\u96f6\u552e",
                "\u5316\u5b66\u5de5\u4e1a",
                "\u91d1\u878d\u6295\u8d44",
                "\u623f\u5730\u4ea7"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "2019\u5e74\u4e16\u754c500\u5f3a\u4e2d\u7f8e\u516c\u53f8\u884c\u4e1a\u5bf9\u6bd4\u56fe",
            "subtext": "\u884c\u4e1a\u6570\u91cf\u5bf9\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
                chart_2e86ad6757114b6b901d1cabaae4c7c2.setOption(option_2e86ad6757114b6b901d1cabaae4c7c2);
        });
    </script>

</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>完</p>

</div>
</div>
</div>
    </div>
  </div>
</body>

 


</html>
